article(Jekylmt): add new article
75
posts/Jekylmt.md
Normal file
@@ -0,0 +1,75 @@
|
||||
---
|
||||
title: "关于 Jekylmt"
|
||||
description: "一个简洁美观的 Jekyll 主题"
|
||||
color: "#0084ff"
|
||||
impression: "/assets/images/131559307_p0.webp"
|
||||
categories:
|
||||
- 博客主题
|
||||
tags:
|
||||
- readme
|
||||
date: 2026-02-25T21:44:00Z
|
||||
external_links:
|
||||
- type: download
|
||||
icon: rocket_launch
|
||||
label: 使用主题模板
|
||||
link: https://github.com/new?template_name=jekylmt&template_owner=sendevia
|
||||
- type: normal
|
||||
icon: code
|
||||
label: Github 仓库
|
||||
link: https://github.com/sendevia/jekylmt
|
||||
- type: normal
|
||||
icon: arrow_outward
|
||||
label: 在线 Demo
|
||||
link: https://jekylmt.sendevia.top
|
||||
---
|
||||
|
||||
# 关于主题
|
||||
|
||||
不太擅长介绍,既然这个页面存在了,就简单写一下吧。 这是一个遵循 Material3 设计,并且使用了 Material Web 项目,轻量化的 Jekyll 主题。
|
||||
|
||||
由于 M3 的设计太好看了,一直想亲自动手设计一款使用这种设计的前端项目,作为练手,这个主题便诞生了。
|
||||
|
||||
我借助 Material Foundation 的 [material-color-utilities](https://github.com/material-foundation/material-color-utilities) 实现了 monet 取色。
|
||||
|
||||
你可以在每篇文章的头信息 `impression` 配置中指定头图,并通过 `color` 配置指定颜色来让主题生成调色板。
|
||||
|
||||
这个主题的参考来源主要是 [material.io](https://material.io) 官网,其次是 Google 提供的设计规范。
|
||||
|
||||
代码高亮支持的语言可以在 [rouge-ruby](https://rouge-ruby.github.io/docs/file.Languages.html) 的网站上找到。
|
||||
|
||||
# 主题截图
|
||||
|
||||

|
||||

|
||||

|
||||

|
||||

|
||||

|
||||

|
||||

|
||||
|
||||
# 主要功能
|
||||
|
||||
1. Material 3 风格;
|
||||
2. 支持根据提供的 HEX 颜色动态生成调色板并应用颜色主题;
|
||||
3. 支持多种 Material 3 样式的组件;
|
||||
4. 响应式布局。
|
||||
|
||||
# 头信息
|
||||
|
||||
下面是所有头信息的详解:
|
||||
|
||||
| name | | description | type | default |
|
||||
| ------------ | ------------- | ---------------- | ------- | --------------------------- |
|
||||
| 文章相关 | title | 文章标题 | text | 使用 `_config.yml` 中的配置 |
|
||||
| ^^ | description | 文章简介 | ^^ | ^^ |
|
||||
| ^^ | author | 文章作者 | ^^ | ^^ |
|
||||
| ^^ | color | 文章主题颜色 | ^^ | ^^ |
|
||||
| ^^ | impression | 文章头图 | ^^ | ^^ |
|
||||
| ^^ | categories | 目录分类 | list | 未定义 |
|
||||
| ^^ | tags | 文章标签 | ^^ | ^^ |
|
||||
| ^^ | published | 是否发布文章 | boolean | true |
|
||||
| ^^ | toc | 是否生成文章目录 | ^^ | true |
|
||||
| 页面导航相关 | segment_icon | 导航栏中的图标 | text | - |
|
||||
| ^^ | segment_title | 导航栏中的标题 | ^^ | ^^ |
|
||||
| ^^ | navigation | 是否在导航中显示 | boolean | ^^ |
|
||||
@@ -1,41 +0,0 @@
|
||||
---
|
||||
title: "关于这个主题的一些事"
|
||||
description: ""
|
||||
color: "#0084ff"
|
||||
impression: "/assets/images/131559307_p0.webp"
|
||||
categories:
|
||||
- 随笔
|
||||
tags:
|
||||
- readme
|
||||
date: 2023-05-28T04:00:00Z
|
||||
---
|
||||
|
||||
# 关于主题
|
||||
|
||||
由于 M3 的设计太好看了,一直想亲自动手设计一款使用这种设计的前端项目,作为练手,这个主题便诞生了。
|
||||
|
||||
我借助 Material Foundation 的 [material-color-utilities](https://github.com/material-foundation/material-color-utilities) 实现了 monet 取色。
|
||||
|
||||
你可以在每篇文章的头信息 `impression` 配置中指定头图,并通过 `color` 配置指定颜色来让主题生成调色板。
|
||||
|
||||
这个主题的参考来源主要是 [material.io](https://material.io) 官网,其次是 Google 提供的设计规范。
|
||||
|
||||
# 主要功能
|
||||
|
||||
1. Material 3 Expressive 设计风格;
|
||||
1. 支持根据提供的 HEX 颜色/输入的图片动态生成调色板并应用颜色主题;
|
||||
1. 响应式布局。
|
||||
|
||||
# 头信息
|
||||
|
||||
下面是所有头信息的详解:
|
||||
|
||||
| name || description | type | default |
|
||||
| ---------- | ------------- | ---------------- | ------- | --------------------------- |
|
||||
| 文章相关 | title | 文章标题 | text | 使用 `_config.yml` 中的配置 |
|
||||
| ^^ | description | 文章简介 | ^^ | ^^ |
|
||||
| ^^ | author | 文章作者 | ^^ | ^^ |
|
||||
| ^^ | color | 文章主题颜色 | ^^ | ^^ |
|
||||
| ^^ | impression | 文章头图 | ^^ | ^^ |
|
||||
| ^^ | categories | 目录分类 | list | 未定义 |
|
||||
| ^^ | tags | 文章标签 | ^^ | ^^ |
|
||||
BIN
public/assets/images/26/jekylmt_1.webp
Normal file
|
After Width: | Height: | Size: 165 KiB |
BIN
public/assets/images/26/jekylmt_2.webp
Normal file
|
After Width: | Height: | Size: 164 KiB |
BIN
public/assets/images/26/jekylmt_3.webp
Normal file
|
After Width: | Height: | Size: 245 KiB |
BIN
public/assets/images/26/jekylmt_4.webp
Normal file
|
After Width: | Height: | Size: 216 KiB |
BIN
public/assets/images/26/jekylmt_5.webp
Normal file
|
After Width: | Height: | Size: 132 KiB |
BIN
public/assets/images/26/jekylmt_6.webp
Normal file
|
After Width: | Height: | Size: 131 KiB |
BIN
public/assets/images/26/jekylmt_7.webp
Normal file
|
After Width: | Height: | Size: 130 KiB |
BIN
public/assets/images/26/jekylmt_8.webp
Normal file
|
After Width: | Height: | Size: 116 KiB |