Hugo搭建网站

Published: 2020-01-01 | Lastmod: 2020-02-07

申请Github账号 #

Github私人博客仓库

新建Hugo_Blogs仓库，此仓库保存个人的markdown源文件等。可设置为private仓库。

Github Pages

新建username.github.io的仓库，此仓库保存Hugo生成出来的html文件等。https://username.github.io/即为最终的个人博客地址。必须设置为public仓库。

安装Hugo #

Hugo Tutorial

Binary Package

新建私人博客文件夹 #

创建网站文件夹

新建网站文件夹，并用hugo生成基本网站文件

mkdir MyWebsite && cd MyWebsite
hugo new site .

链接Github私人博客仓库

添加git源，保存私人的markdown源文件

git init
git remote add origin https://github.com/username/Hugo_Blogs.git

添加并使用新的theme

git submodule add https://github.com/nuhuo08/uswds-hugo-theme.git themes/uswds-hugo-theme
git submodule update --remote --merge
cp themes/uswds-hugo-theme/exampleSite/config.yaml .

修改配置

设置 utterances，链接到username/username.github.io仓库，开启utterance修改Issue的权限。

在config.yaml文件中，修改params.utter.repo属性为username/username.github.io；
修改baseURL属性为https://username.github.io/

编辑网页 #

链接Github Pages

为了能够使用git submodule，需要先在仓库里添加点文件，之后再把它删掉。

mkdir public && cd public && touch abc
git remote add origin https://github.com/username/username.github.io.git
git add .
git commit -m "abc"
git push orign master
cd .. && rm -rf public

然后再添加submodule，继续进行下一步。

cd MyWebsite
git submodule add https://github.com/username/username.github.io.git public

创建第一个网页

mkdir content/blog
vi content/blog/my-first-blog.md

生成并本机预览网页

hugo
hugo server -D

将改动上传至2个Git仓库 #

发布网页

hugo # if using a theme, replace with `hugo -t <YOURTHEME>`
cd MyWebsite/public
git add .
git commit
git push origin master

保存私人博客源文件

cd MyWebsite
git add .
git commit
git push origin master

Next: AMCL