参考文章 → 【Hugo】Hugo + Github 免费部署自己的博客

准备

Hugo下载

• 前往【Hugo】，选择版本下载，下载后解压即可
• Windows下载版本：hugo_extended_xxxxx_windows_amd64.zip

git下载

• 前往【git】，根据自己电脑的系统选择对应安装程序下载
• Windows用户一直点下一步，默认安装即可

验证

Win + R 打开运行窗口，输入cmd打开控制台，再分别输入以下命令查看是否安装成功（出现版本号）

1

hugo version

1

git --version

搭建博客

创建博客

• (1)在hugo.exe所在文件夹的地址栏敲打cmd唤起命令行

• (2)敲打命令hugo new site xxxx创建hugo文件
• (3)敲打命名cd xxxx切换目录，并把hugo.exe复制到刚生成的文件夹中

• (4)敲打命令hugo server -D启动服务，Ctrl + 左键 访问http://localhost:1313(一般默认是这个端口)，Ctrl + C停止服务

安装主题

• (1)前往【Hugo Themes】，挑选自己喜欢的主题，进行下载,推荐本博客所使用的stack主题
• (2)点击下载按钮，将下载好的主题解压，放到/themes文件夹中

• (3)将exampleSite样例数据中的 Content 和 hugo.yaml 复制到主文件夹中，并删掉hugo.toml和content/post/rich-content
• (4)修改 hugo.yaml 中的 theme，将他修改为跟主题文件夹同名

• (5)再次启动hugo服务，查看主题，具体主题配置修改 hugo.yaml，这里不细说，感兴趣可自行查找相关文章（如果对本博客的一些配置感兴趣也可评论区留言，未来会专门更新）

Github常规部署

• (1)前往【Github】，创建仓库 {github用户名}.github.io，其他设置默认即可

• (2)前往Setting -> Pages -> Branch选择main分支，然后保存，会自动开启 https://{github用户名}.github.io 的地址，这地址也是以后访问博客的地址

• (3)回到hugo文件中，执行命令hugo -D，会生成public静态资源文件夹

• (4)在public中右键打开git执行以下命令上传到github仓库上，第一次上传可能需要输入账号密码

1
2
3
4
5
6

git init
git add .
git commit -m "first commit"
git branch -M main
git remote add origin {你的github仓库地址}
git push -u origin main

• (5)上传成功后访问 https://{github用户名}.github.io，成功搭建属于自己的Hugo博客