---
title: "关于这个主题的一些事"
description: ""
color: "#fade82"
impression: "/assets/images/23/screen_capture.png"
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          | 文章标签          | ^^      | ^^                          |
