hugo-theme-stack主题使用教程
# 😮💨 缘起
接近 2
年的时间,博客由 vuepress
搭建使用,在 GitHub
上的 actions
上看到的时间已经到了 2m16s
了,虽然不知道这个编译的时间的上限是多少,但是这个编译时间实实在在的比较长了,所以看了看各个开源博客的主题,发现了 hugo-theme-stack
这个主题,比较有眼缘,所以开始准备从 vuepress
切换到 hugo
了。
# hugo
博客搭建
# 初始化博客
本次创建的博客名字为
hugo_blog
hugo new site hugo_blog
1
# 安装 hugo-theme-stack
主题
hugo-theme-stack 主题官方文档 (opens new window)
git
初始化git init
- 获取主题,放入到
hugo_blog/themes
目录下git submodule add https://github.com/CaiJimmy/hugo-theme-stack/ themes/hugo-theme-stack
- 删除
hugo_blog
下的hugo.toml
- 把
hugo_blog/themes/hugo-theme-stack/exampleSite/config.yaml
文件拷贝到hugo_blog
目录下 - 把
hugo_blog/themes/hugo-theme-stack/exampleSite/content
目录下的文件拷贝到hugo_blog
目录下 - 运行
hugo server
# 趟过的坑
- 如果直接将
hugo_blog/themes/hugo-theme-stack/config.yaml
文件拷贝到根目录下运行时会提示:Error: error building site: process: readAndProcessContent: "/Users/symbol/GitPages/hugo_blog/content/post/rich-content/index.md:38:1": failed to extract shortcode: template for shortcode "bilibili" not found
如果按照一般的情况干掉的话,那么会直接显示page not found
# 配置 hugo-theme-stack
# 配置菜单
还没有配置到我想要的效果...等着吧 😂
更新时间: 2024/7/31 14:14:52