最近写了一些文章，宣布在了不同的渠道上。可是某些渠道对于文章的修正有着比较严格的限制，因此有了自建博客的主意，便自己尝试了下，简略记载如下。

关于博客框架

目前2023年了，有很多老练的博客框架即插即用。这篇问答中，总结了常见框架的特点，摘录如下：

有前端根底，会Markdown、会HTML和CSS，挑选Hexo
有Vue根底能够挑选vuePress或许vitePress
会Go能够挑选Hugo
会Rust能够挑选Zola
会Ruby能够挑选Jekyll
会PHP能够考虑运用WordPress
相同的Java也有类似的内容，看你自己的需求了
本钱最低的当然是hexo和hugo，还有Jekyll了，装备一下环境就能够了
hexo主题多，hugo编译快
PHP和Java之类的需求自建服务器
其他的生成静态页的项目只需求找到一个能够保管文件的服务既能够建立，一般都有Web保管
也有比如说GithubPages这种免费的服务

这篇文章，就首要介绍如何运用Hugo构建自己的博客。

HUGO的装置与运用

Hugo是一款盛行的静态网站生成器，它能够以极快的速度将Markdown、HTML和其他文件转换成一个完全可定制且高度优化的静态网站。Hugo基于Go言语开发，具有易于运用、高效、可扩展等特点，被广泛用于个人博客、文档网站、企业网站等各种类型的网站建造。

详细的装置方法，能够参阅Installation页面，这儿供给了各种操作系统（Windows、MACOS、Linux等）下的装置方法。

装置好Hugo之后，经过quick start页面能够快速便利的建立起一个博客主页。

创立页面的时分除了需求装置Hugo，还需求装置git，git的首要作用是下载想要的主题。

主题的选取

主题相当于网站的风格，能够在Theme页面中预览。

在Hugo中，主题用于定义网站的外观和布局。

主题一般包含HTML、CSS、JavaScript和其他必需的文件，使得用户能够轻松地自定义网站的款式和结构，而无需在每篇文章或页面中手动编辑HTML和CSS。

用户能够经过在config.toml文件中指定主题来轻松地更改网站的外观，或许能够创立自己的主题以满意自己的需求。

这儿挑选PaperMod这个主题的config.toml文件做介绍。

PaperMode官方样例给出了这样一个主题，直接本地运行后的作用如下：

如何使用hugo构建自己的博客

关于主题中的各个装备项，详见PaperMod主题装备和Hugo PaperMod Feature页面。

这儿我首要设置了search、tags、archives等页面。详细作用如下：

详细博客中，插入图片的详细方法参阅Hugo 博客插入图片的方法。

详细的方法便是

hugonewposts/new-post/index.md

将新的博文创立成一个文件夹，将 markdown 源文件命名为 index.md，再在文件夹内创立 pics 文件夹，将图片放入该文件夹，在编写博文插入图片时运用相对路径，即 pics/1.png，这样在编辑器中就能够看到图片了。

本地布置

上述命令均完成后，直接履行

hugoserver

一起在浏览器中输入http://127.0.0.1:1313即可检查博客网页的作用。

一个样例如下：

如何使用hugo构建自己的博客

互联网上的布置方法

布置到互联网，比较便利的方法有两种：

  • github供给的pages功用
  • cloudflare供给的pages功用

运用这两个功用，都需求将上述代码推送到github上。

关于github供给的pages功用，Host on GitHub有比较详细的过程，只不过少了一个创立username.github.io项目，以及将整个Hugo项目推送至新创立的项目。

关于cloudflare供给的pages功用，能够参阅这篇文章——Deploy with Cloudflare Pages。一起，cloudflare还能够将保管的项目绑定自己的域名。

这儿特别需求留意，hugo框架生成的目录结构，详细能够参阅这篇文章——学习HUGO ，详解目录结构。