关于主题
复制链接不太擅长介绍,既然这个页面存在了,就简单写一下吧。 这是一个遵循 Material3 设计,并且使用了 Material Web 项目,轻量化的 Jekyll 主题。
由于 M3 的设计太好看了,一直想亲自动手设计一款使用这种设计的前端项目,作为练手,这个主题便诞生了。
我借助 Material Foundation 的 material-color-utilities 实现了 monet 取色。
你可以在每篇文章的头信息 impression 配置中指定头图,并通过 color 配置指定颜色来让主题生成调色板。
这个主题的参考来源主要是 material.io 官网,其次是 Google 提供的设计规范。
代码高亮支持的语言可以在 rouge-ruby 的网站上找到。
主题截图
复制链接







主要功能
复制链接- Material 3 风格;
- 支持根据提供的 HEX 颜色动态生成调色板并应用颜色主题;
- 支持多种 Material 3 样式的组件;
- 响应式布局。
头信息
复制链接下面是所有头信息的详解:
| name | description | type | default | ||
|---|---|---|---|---|---|
| 文章相关 | title | 文章标题 | text | 使用 _config.yml 中的配置 | |
| description | 文章简介 | ||||
| author | 文章作者 | ||||
| color | 文章主题颜色 | ||||
| impression | 文章头图 | ||||
| categories | 目录分类 | list | 未定义 | ||
| tags | 文章标签 | ||||
| published | 是否发布文章 | boolean | true | ||
| toc | 是否生成文章目录 | ||||
| 页面导航相关 | segment_icon | 导航栏中的图标 | text | - | |
| segment_title | 导航栏中的标题 | ||||
| navigation | 是否在导航中显示 | boolean | |||

