Hugo 主题
hugo-theme-comic: Hugo 漫画主题
别担心,这个主题不会将你的 Hugo 网站的默认字体更改为Comic Sans。😌
相反,它会呈现按日期组织的漫画条
{width=532px}
功能
- 带有跳转列表的首页视图,可跳转至每年和最近的漫画条
- 带有跳转列表的年份视图,可跳转至每个月
- 月份视图
- 用于快速选择年份的菜单
演示
Hugo 漫画主题演示
演示站点的源代码
演示站点的漫画条来自:https://xkcd.com/
安装
下载主题
mkdir themes
cd themes
git clone https://gitlab.com/mrubli/hugo-theme-comic
更新你的 Hugo 站点配置文件(例如 hugo.yaml
)以包含此行
theme: hugo-theme-comic
目录结构
漫画条文件应位于 content/
目录中,采用 yyyy/mm/yyyy-mm-dd.ext
结构。此外,所有目录都必须包含一个空的 _index.md
文件,以便 Hugo 处理该目录。
例如
content/
└── 2024
├── 01
│ ├── 2024-01-01.jpg
│ ├── 2024-01-02.jpg
│ ├── 2024-01-03.jpg
│ ├── …
│ ├── 2024-01-31.jpg
│ └── _index.md
├── 02
│ ├── 2024-02-01.jpg
│ ├── …
│ └── _index.md
可以使用以下命令在所有相关目录中创建 _index.md
文件。
find content/???? -type d -exec touch {}/_index.md \;