Hugo + Gitee 搭建静态网站

xuzikuan12 | Apr 9, 2023 required to read

依赖

winget:包管理工具,较新的 Windows 系统会自带
git:版本管理工具
gitee:仓库托管服务(gitee.com),可免费开启 Gitee Pages服务,但是不能自定义域名
hugo:用来生成静态网站

Git

winget install git

记得添加环境变量

Gitee

注册一个 Gitee 的账户,新建一个与账户同名的仓库,比如:

gitee.com/xuzikuan12/xuzikuan12

这样就可以直接通过 xuzikuan12.gitee.io 访问自己的静态网站了,否则需要通过 xuzikuan12.gitee.io/[仓库名]/ 来访问了。

Hugo

winget install hugo

Hugo 的使用可以参考这里

安装Hugo的主题

目前用的是这个主题:hugo-profile
需要好好阅读主题配置文件,理解里面参数的意义:

themes\hugo-profile\exampleSite\config.yaml

可以直接把上述的配置文件拷贝用作自己网站的配置文件
注意一些静态文件的拷贝

预览网站

hugo server

生成静态网站的文件

hugo

默认会生成在 public 文件夹内

利用 Git 建立仓库并上传

将 public 文件夹内的文件打包上传至 Gitee

git config --global user.name "xxx"
git config --global user.email "xxx@xxx.cn"

git init
git status
git add .
git commit -m "new blog/test.md"

git remote add origin "https://gitee.com/xuzikuan12/xuzikuan12.git"
git push -u origin "master"

开启 Gitee page

可以参考 这里