feat: config docs

Signed-off-by: Innei <[email protected]>

Author: Innei

pages/themes/shiro/config.mdx

@@ -0,0 +1,61 @@
+# 配置项
+
+## 站点信息 (`site`)
+
+此部分包含了网站的基础信息设置，例如 favicon（网站图标）的配置。
+
+### Favicon
+
+- **`favicon`**: 设置网站在浅色模式下使用的图标。
+- **`faviconDark`**: 设置网站在深色模式下使用的图标。
+
+## Hero 部分 (`hero`)
+
+`hero` 部分定义了网站首页的主要欢迎信息或介绍部分，这是访问者首次进入网站时看到的部分。
+
+### Title 模板 (`title.template`)
+
+包括多个元素（如 `h1`, `code`, `span`），每个元素都可以自定义文本内容和样式（通过 CSS 类）。
+
+**如何使用**: 修改 `text` 和 `class` 字段来自定义标题的文本内容和样式。你可以通过添加或删除元素来调整标题的结构。
+
+### 描述 (`description`)
+
+提供了对 `hero` 部分的简短描述。
+
+**如何使用**: 直接修改 `description` 的值以更改介绍文本。
+
+## 模块 (`module`)
+
+此部分配置了网站的一些特定功能模块，比如活动跟踪、捐赠支持、社交媒体链接等。
+
+### 实时活动 (`activity`) 模块
+
+- **`enable`**: 控制模块是否启用。
+- **`endpoint`**: 指定活动更新的服务器端点。
+
+**如何使用**: 若需开启活动跟踪功能，将 `enable` 设为 `true` 并设置 `endpoint` 为处理活动数据的服务器地址。
+
+### 捐赠 (`donate`) 模块
+
+- **`enable`**: 控制捐赠模块是否启用。
+- **`link`**: 提供捐赠页面的链接。
+- **`qrcode`**: 提供一或多个捐赠二维码图片的链接。
+
+**如何使用**: 启用捐赠功能，并提供捐赠链接或捐赠二维码，以便支持者可以直接进行捐赠。
+
+### 社交媒体 (`bilibili`) 模块
+
+- **`liveId`**: 指定社交媒体平台的直播或个人页面 ID。
+
+**如何使用**: 配置 `liveId` 以链接到特定的社交媒体直播或个人页面。
+
+import { ProTag } from '@components/Tag'
+
+### [OpenPanel](https://openpanel.dev) <ProTag />
+
+- **`enable`**: 控制 OpenPanel 功能是否启用。
+- **`id`**: OpenPanel 的 ID。
+- **`url`**: OpenPanel 的访问地址。
+
+**如何使用**: 如果你使用 OpenPanel 提供交互式面板或其他功能，通过这些配置连接并显示面板。

pages/themes/shiro/index.mdx

@@ -77,7 +77,13 @@ import Video from '@components/Video'
 - 数据：（点击下方的按钮复制）
 
 <Callout>
-  请注意，这份配置你需要自行修改成符合你的需求的配置。直接使用下面的配置可能会导致你的博客无法按照你的预期运行。
+  <p>
+    请注意，这份配置你需要自行修改成符合你的需求的配置。直接使用下面的配置可能会导致你的博客无法按照你的预期运行。
+  </p>
+  <p>
+    下面的配置可能不全，更多配置项的信息请移步 [配置项](./shiro/config.mdx)
+    阅读更多。
+  </p>
 </Callout>
 
 ```json showLineNumbers