Hugo是由Go语言实现的静态网站生成器,可以快速生成网站,很适合个人博客,本篇记录了如何使用Hugo生成一个简单的静态网站,以Ubuntu18.04为例。

建议在本地计算机上安装Hugo并生成网站,这样便于调试,之后可以用git推送到Github来与服务器同步。

安装Hugo

推荐使用Homebrew安装,但是我在Ubuntu18.04上安装Homebrew时遇到了各种各样的问题,所以最后决定使用snap安装,依然想用Homebrew安装的请自行尝试。

Ubuntu18.04自带snap,所以只要输入命令,

$ snap install hugo --channel=extended

即可安装成功Hugo,--channel=extended的意思是安装扩展版本,为了避免之后的麻烦,就带上吧。

使用Hugo创建一个站点

由于是用snap安装的Hugo,我们在Hugo相关命令前要加上snap run

输入命令,

$ snap run hugo new site my-blog

这样就在/home下创建了一个my-blog的文件夹,里面保存了Hugo生成网站的文件。

添加主题

进入博客根目录,

$ cd /home/my-blog

初始化本地仓库,

$ git init

添加主题子模块,可以到Hugo主题里选择自己喜欢的主题,以fuji主题为例,

$ git submodule add https://github.com/amzrk2/hugo-theme-fuji.git themes/fuji

加入主题配置信息,

$ echo 'theme = "fuji"' >> config.toml

添加文章

$ snap run hugo new post/my-first-post.md

打开my-first-post.md开始写文章,别忘了把draft:false这行删除,图片放在static文件夹中。

测试网站

$ snap run hugo server

在浏览器中输入localhost:1313可以预览网站。

生成网站

接下来我们要生成静态页面,

$ snap run hugo

生成的网站在public文件夹中,把它传到服务器即可。

其他主题配置

可以参考每个主题的自定义配置。