Hugo.io - 经典主题

Classic 是 Yihui Xie 编写的 XMin 主题的风格化分支。

提供用于语法高亮的 highlight.js、表情符号支持、Inter 和可选的暗黑模式。

查看在线演示

说明

1：安装 Hugo。

brew install hugo

2：创建一个新站点。

hugo new site classic

3：切换到主题目录。

cd classic/themes

4：克隆存储库

git clone git@github.com:goodroot/hugo-classic.git

5：复制 exampleSite 目录中的文件

cp -a hugo-classic/exampleSite/. ../

6：在 classic/ 中运行 hugo server

cd .. && hugo server

新文章

撰写新文章

hugo new post/good-to-great.md

页眉颜色

在 static/css/style.css 中调整页眉颜色

header {
    background: #613DC1;
}

… 将 background: 设置为您喜欢的任何颜色值！

对于页眉字体

header a {
    color: #fff;
}

将 color: 更改为合适的匹配颜色。

暗黑模式

匹配或覆盖系统范围的暗/亮设置

1. 打开 static/css/style.css

2. 编辑以下属性以匹配浅色/深色

/* darkmode */
@media (prefers-color-scheme: dark) {
    ...
}

/* lightmode */
@media (prefers-color-scheme: light) {
    ...
}

屏幕截图

博客文章

hugo-classic 已出现在…

paskal 的 15 个 Hugo 框架博客主题

另请参阅

• ink-free
• Bear Cub
• Color Your World
• congo
• hugo-theme-console