关于主题
复制链接由于 M3 的设计太好看了,一直想亲自动手设计一款使用这种设计的前端项目,作为练手,这个主题便诞生了。
我借助 Material Foundation 的 material-color-utilities 实现了 monet 取色。
你可以在每篇文章的头信息 impression 配置中指定头图,并通过 color 配置指定颜色来让主题生成调色板。
这个主题的参考来源主要是 material.io 官网,其次是 Google 提供的设计规范。
主要功能
复制链接- Material 3 Expressive 设计风格;
- 支持根据提供的 HEX 颜色/输入的图片动态生成调色板并应用颜色主题;
- 响应式布局。
头信息
复制链接下面是所有头信息的详解:
| name | description | type | default | |
|---|---|---|---|---|
| 文章相关 | title | 文章标题 | text | 使用 _config.yml 中的配置 |
| ^^ | description | 文章简介 | ^^ | ^^ |
| ^^ | author | 文章作者 | ^^ | ^^ |
| ^^ | color | 文章主题颜色 | ^^ | ^^ |
| ^^ | impression | 文章头图 | ^^ | ^^ |
| ^^ | categories | 目录分类 | list | 未定义 |
| ^^ | tags | 文章标签 | ^^ | ^^ |