作者头像

关于主题

复制链接

不太擅长介绍,既然这个页面存在了,就简单写一下吧。 这是一个遵循 Material3 设计,并且使用了 Material Web 项目,轻量化的 Jekyll 主题。

由于 M3 的设计太好看了,一直想亲自动手设计一款使用这种设计的前端项目,作为练手,这个主题便诞生了。

我借助 Material Foundation 的 material-color-utilities 实现了 monet 取色。

你可以在每篇文章的头信息 impression 配置中指定头图,并通过 color 配置指定颜色来让主题生成调色板。

这个主题的参考来源主要是 material.io 官网,其次是 Google 提供的设计规范。

代码高亮支持的语言可以在 rouge-ruby 的网站上找到。

主题截图

复制链接

桌面端第一张亮色截图桌面端第一张暗色截图桌面端第二张亮色截图桌面端第二张暗色截图移动端第一张亮色截图移动端第一张暗色截图移动端第二张亮色截图移动端第二张暗色截图

主要功能

复制链接
  1. Material 3 风格;
  2. 支持根据提供的 HEX 颜色动态生成调色板并应用颜色主题;
  3. 支持多种 Material 3 样式的组件;
  4. 响应式布局。

下面是所有头信息的详解:

namedescriptiontypedefault
文章相关title文章标题text使用 _config.yml 中的配置
description文章简介
author文章作者
color文章主题颜色
impression文章头图
categories目录分类list未定义
tags文章标签
published是否发布文章booleantrue
toc是否生成文章目录
页面导航相关segment_icon导航栏中的图标text-
segment_title导航栏中的标题
navigation是否在导航中显示boolean
arrow_upward