利用Hugo快速搭建github个人博客

利用Hugo快速搭建github个人博客

---

前言

  由于GitHub支持免费托管静态网页文件，可以通过静态网页生成器直接将文本文档生成html网站来搭建免费的个人博客。现在的静态网页生成器有Hugo、Hexo、Jekyll等，各有优势，但相较于其他的静态网页生成器，Hugo基于go语言，速度非常快，同时操作流程非常简单，现在Github star数量是静态博客里排名第一的。因此来介绍以下如何用Hugo来搭建个人博客。

一、所需工具？

• Hugo GitHub下载地址

二、使用步骤

1.创建目录并解压

在hugo目录下创建bin和sites目录，bin目录用来存放解压出来的exe文件，sites用来存放博客文件

2.配置环境变量

在系统变量Path中配置bin文件地址

3.执行命令

1> 进入cmd在sites位置下执行创建博客命令

hugo new site myBlog

2> 进入myBlog文件夹中查看创建出的文件内容

dir

3> 前往https://themes.gohugo.io/选择喜欢的主题

4> 我选择hugo-PaperMod作为我博客的主题，通过git命令下载主题

git clone https://github.com/adityatelange/hugo-PaperMod themes/hugo-PaperMod --depth=1

5> 在config.toml中指定主题

theme =  "hugo-PaperMod"

6> 启动服务，在本地查看效果

hugo server -D

7> 创建仓库，注意要写成github的用户名+github.io


8>将config.toml中的baseURL地址改成创建的仓库


9> 进入cmd，在myBlog目录下执行

hugo

10> 执行后，在myBlog目录下会生成一个 public 文件夹，该文件下的内容是整个静态网站。如果需要更新网站，直接将pubilc目录里所有文件push到GitHub即可

11> 链接到远程服务器代码仓库并push到GitHub

cd public
git init
git add .
git remote add origin https://github.com/Chenlinfeng1997/chenlinfeng1997.github.io.git
git commit -m "first commit"
git push -u origin master

12> cmd进入public文件，后期想要更新网站内容，可以执行以下命令

git init
git add .
git commit -m "修改的内容"
git push -u origin master

13> 可以访问chenlinfeng1997.github.io查看效果

---

总结

  总的来说，使用hugo来搭建GitHub个人博客不仅快速，代码量小，而且不易产生错误，大家可以试一试哦！