LoveIt主题博客搭建指北

2023-08-19 约 767 字预计阅读 2 分钟

博客搭建

brew一键安装hugo

1
2
brew install hugo
hugo version

安装之后创建博客站点

1
hugo new site 404p3rs0n

创建后下载主题放到themes文件夹下，在hugo.toml中添加主题

或直接指定参数在本地进行测试

1
hugo server -t LoveIt --buildDrafts

配置成功后，将主题目录下exampleSite的配置文件复制到根目录下，将config.toml的内容复制到hugo.toml中，然后上传github仓库，如果出现鉴权失败

注：创建的Github仓库需要以username.github.io格式命名，且仓库属性为Public。

在github中setting中找到Developer setting创建tokens，然后在push的时候输入密码时输入token就可以了

上传到github仓库后，如下图进行Deploy之后Github-pages功能即可使用

部署完成之后将仓库拉取到本地进行同步，以免丢失.github文件夹中的内容导致文章上传之后不能更新的问题

1
git pull origin master

在进行上传之后会自动执行Actions

在Github上新建一个Public属性的仓库用来存放图片

用之前生成的Token配置PicGo访问Github上传图片

配置成功之后即可上传图片至Github仓库

这里还是建议使用图床对图片进行保存，不影响图片加载速度和图片安全性。

苦于一次次执行git，才有了这个脚本，python执行即可

1
python GitPush.py

苦于文章Title为中文时，Posts经url转换后会很长，于是自定义slug为Title的md5值

修改文章模版 archetypes/default.md，在Front-matter中添加slug字段，新建文章时将文章创建时间和标题进行md5加密，从第0位取到第16位作为slug

1
slug: {{ substr (md5 (printf "%s%s" .Date (replace .TranslationBaseName "-" " " | title))) 0 16 }}

在网站配置 hugo.toml 中添加文章永久链接选项

1
2
permalinks:
  posts = ":year/:month/:slug"