使用hugo建立一个个人博客网站
建站记录
安装
在chocolatey官网下载chocolatey管理包
命令行中安装hugo:
choco install hugo -confirm
安装hugo-extended(扩展版本):
choco install hugo-extended -confirm
hugo version检查
下载主题
github创建自己的用户名.GitHub.io仓库并clone到本地的blog文件夹中
命令行中输入 hugo new site nan0in27创建文件夹
cd nan0in27
cd themes
从官网下载主题stack
配置
(选做)删除content中的rich content(因为有外网视频会导致预览过慢)
下载完后将stack中examplesite文件夹中的content和hugo.yaml复制到根目录,删除原来的hugo.taml(本质上就是一个东西)
语言编码(国际化).md文件:Chinese-test文件夹中有index.zh-cn.md(中文部分)
英文编号:xx.en.md
命令行中输入hugo new content post/firstBlog/index.md
config设置:
进入hugo.yaml文档进行设置:(这里只列出一些注意点)
go语言的年月日表达非常奇葩(吐槽),到官方stack的文档中去查看操作
在运行example网站时发现头像,进入文档后修改:
avatar:
enabled: true
local: true
src: img/avatar.png
然后我们发现img在assets文件夹中,我们仿照着在根目录assets中创建img文件夹放入我们的头像图片,读取时会直接覆盖掉theme原文件中的空白头像
关于评论:评论的disqus我个人觉得不太符合我的使用习惯,于是改成了utterances:
utterances
1 介绍
utterances 🔮 是利用Github仓库的 Issue 来实现,完全免费
注意:找到comments->utterances参数,修改 repo ,填上对应的仓库就好{你的github名}/{仓库名}
建议把评论邮箱通知给关掉,否则评论一次就发一次邮件
一些设置方式来自www.xalaok.top/post/stack-… 魔改美化: 零碎玩意+菜单栏圆角+滚动条+加载进度条+双栏+卡片缩放动画+布局+右侧导航栏动画+首页欢迎条幅 然后就是巴拉巴拉修改一些小部分的文档
记得跟着stack的官方文档来,我在加链接图标的时候发现官方提供的tabler icons才是最好用的
在github创建用户名.GitHub.io
然后按着指令将我们的public文件夹git上去:
git init
git add .
git commit -m "first commit"
git branch -M main
git remote add origin {你的github仓库地址}
git push -u origin main
blog就部署好了
由于github云服务器是境外的,所以无法直接访问,但是提供https保护可以使你的博客安全,大部分时间可能只是拿来自用,当然你也可以通过课程里所说的设置节点来实现加速访问。
附加:将个人网站部署到轻量应用服务器并通过对应域名访问
我在传输ssl证书的时候发现permission denied,后知道是lighthouse普通用户的权限不足,于是输入sudo chown lighthouse:lighthouse /etc/ssl/certs 这样我就可以通过winscp传输文件了