Hugo+Github搭建个人博客

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/cbb944131226/article/details/82940224

搭建环境

• Windows10
• Git（不必要）

流程步骤

1. Hugo下载

   下载网址：

   https://github.com/gohugoio/hugo/releases/tag/v0.48

   

   下载hugo_0.48_Windows-64bit.zip

   解压缩后是一个二进制应用程序hugo.exe

2. Hugo环境变量配置

   创建以下目录：(将hugo.exe移到\bin目录下)

   F:\Hugo\bin\hugo.exe

   编辑系统环境变量，添加hugo.exe的环境变量：（用英语分号隔开）

   F:\Hugo\bin

   检验是否配好环境变量，cmd下输入hugo version：

   

3. 在F:\Hugo目录下运行cmd，执行hugo new site blog。

   

   成功后，hugo会帮我们创建一个文件夹F:\Hugo\blog，里面有如下文件结构：

   

4. 选择喜好的主题模板

   主题选择下载网址：Hugo Themes

   

   例如选择hugo-natrium-theme这个模板。

   下载地址：https://github.com/mobybit/hugo-natrium-theme

   Download下载到目录F:\Hugo\blog\themes

   （下载地址在Github上，可用Git直接拉，也可以手动下载包）。

   Git命令：git clone https://github.com/mobybit/hugo-natrium-theme.git

   根据下载目录下的README.rd指示配置主题

   配置完成后

   在F:\Hugo\blog目录下cmd终端执行命令hugo server --theme=hugo-natrium-theme：

   

   浏览器打开http://localhost:1313，可以查看到模板运行效果：

   

5. 个性化自己的博客

   仔细阅读README.rd，修改模板网页，配置自己的私有博客。

   例如本例子的：

   • 修改个人图标：F:\Hugo\blog\themes\hugo-natrium-theme\static\images\logo.png

   • 新建博客：hugo new post\blog.md

   • 修改About：F:\Hugo\blog\content\page\about.md

     等等

   完成后，在F:\Hugo\blog目录下cmd终端再次执行命令hugo server --theme=hugo-natrium-theme

   浏览器打开http://localhost:1313，可以查看运行效果：

   

6. 生成静态网页并推到GithubPages:

   首先创建自己的GithubPages，新建仓库repository，命名为Username.github.io，以自己为例:

   

   然后，用Hugo生成静态网页，站点目录下，cmd输入命令：

   hugo --theme=hugo-natrium-theme --baseUrl="https://Username.github.io/"

   (这里注意，baseUrl要在仓库setting里面查看，有可能跟仓库名不一样。如我自己的就从我以为的https://SYSUcarey.github.io/变成了https://sysucarey.github.io/)

   这个hugo命令执行完后，会生成一个public文件夹，将public文件夹内的所有文件推上仓库里就可以了。

   具体Git操作是：

   • git init

   • git add .

   • git commit -m 'first commit'

   • git remote add origin https://github.com/Username/Username.github.io.git

   • git pull --rebase origin master

   • git push -u origin master

成功推上去合并版本后，查看https://Username.github.io/：

Hugo+Github的个人博客搭建成功。