Hugo 主题
Compost
一个使用 Tailwind CSS 构建的简单轻量级的 Hugo 主题。
Compost 主题 | Hugo
Compost 是一个简单、轻量级的 Hugo 主题。主要基于 Congo,也参考了 hugo-starter-tailwind-basic 等。
🌏演示站点 | 中文
特性
- 样式基于 Tailwind CSS 3.x 和官方的 Typography 插件。
- 你可以直接使用
hugo
命令构建和测试(使用 #8343 中提到的一些技巧)。 - 🌐 文章样式专门为简体中文定制(仅当 html 的 lang 为 zh 时应用)。
- ✨ 使用 Hugo 的内置函数自动调整图像大小,并添加原生懒加载属性(浏览器支持)
用法
此主题使用
go modules
,而不是git submodule
,以确保满足要求并查看说明。(Windows 用户注意事项)在 Hugo 项目中将主题设置为
github.com/canstand/compost
,并将所需选项添加到hugo.toml
# required
[build]
_merge = 'deep'
# required
[markup]
_merge = 'deep'
# for better seo
[minify]
_merge = 'deep'
# required
[module]
[[module.mounts]]
source = 'assets'
target = 'assets'
[[module.mounts]]
source = "hugo_stats.json"
target = "assets/watching/hugo_stats.json"
[[module.imports]]
path="github.com/canstand/compost"
- 安装或升级依赖项
hugo mod get -u
hugo mod npm pack
npm install
- 然后像往常一样运行你的项目。
hugo server