增加模板和注释

2026-02-20 20:00:14 +00:00 · 2025-08-27 18:29:31 +08:00
parent 8f30819f68
commit 152be70127
5 changed files with 196 additions and 38 deletions
--- a/docs/sop/ai-role-play.md
+++ b/docs/sop/ai-role-play.md
@@ -1,18 +1,19 @@
 ---
-title: 从角色扮演到剧情聊天，翻开AI的另一面
-top: 2
-date: 2025-04-8  18:00:00
+title: 从角色扮演到剧情聊天，翻开AI的另一面  # 文章标题，支持副标题格式（用 - 分隔）
+top: 2                   # 置顶级别：1-3，数字越大越靠前，0表示不置顶
+date: 2025-04-8  18:00:00  # 发布日期和时间，格式：YYYY-MM-DD HH:MM:SS
 descriptionHTML: '       
 <span style="color:var(--description-font-color);">我与Silly Tavern</span>
 '
-tags:
+tags:                    # 文章标签列表，用于分类和搜索
  - AI
  - 酒馆
-sidebar: false
-readingTime: true
-hiddenCover: true
-cover: url
-sticky: 1
+sidebar: false           # 是否显示侧边栏：true显示，false隐藏
+readingTime: true        # 是否显示阅读时间：true显示，false隐藏
+hiddenCover: true        # 是否隐藏封面图：true隐藏，false显示
+cover: url  # 封面图片路径，相对于public目录
+sticky: 1                # 精选文章设置：值越大在首页展示越靠前，0表示不精选
+hidden: false            # 是否隐藏文章：true隐藏（模板用），false显示（正式文章用）
 ---

 # 从角色扮演到剧情聊天，翻开AI的另一面
--- a/docs/sop/article-template.md
+++ b/docs/sop/article-template.md
@@ -0,0 +1,151 @@
+---
+title: 文章标题 - 副标题  # 文章标题，支持副标题格式（用 - 分隔）
+top: 1                   # 置顶级别：1-3，数字越大越靠前，0表示不置顶
+date: 2025-01-01 12:00:00  # 发布日期和时间，格式：YYYY-MM-DD HH:MM:SS
+descriptionHTML: '       
+<span style="color:var(--description-font-color);">文章描述，支持HTML格式</span>
+'
+tags:                    # 文章标签列表，用于分类和搜索
+  - 标签1
+  - 标签2
+  - 标签3
+sidebar: true            # 是否显示侧边栏：true显示，false隐藏
+readingTime: true        # 是否显示阅读时间：true显示，false隐藏
+hiddenCover: false       # 是否隐藏封面图：true隐藏，false显示
+cover: url  # 封面图片路径，相对于public目录
+sticky: 0                # 精选文章设置：值越大在首页展示越靠前，0表示不精选
+hidden: true             # 是否隐藏文章：true隐藏（模板用），false显示（正式文章用）
+---
+
+# 文章标题
+
+<div align="center">
+
+## 前言
+
+</div>
+
+<span style="font-size:0.9em; color:#1976d2;">
+&emsp;&emsp;这是一个前言段落，使用较小的字体和蓝色文字。通常用于介绍文章的背景、目的或重要说明。
+</span>
+
+<div align="center">
+
+## 第一章
+
+</div>
+
+&emsp;&emsp;这是正文段落，使用缩进格式。您可以在这里写入主要内容。
+
+&emsp;&emsp;这是另一个段落，继续您的内容。
+
+### 小标题
+
+&emsp;&emsp;这是小标题下的内容。
+
+#### 更小的标题
+
+&emsp;&emsp;这是更小标题下的内容。
+
+<div align="center">
+
+## 第二章
+
+</div>
+
+&emsp;&emsp;这是第二章的内容。
+
+### 代码示例
+
+```javascript
+// 这是一个代码块示例
+function example() {
+    console.log("Hello World");
+}
+```
+
+### 引用文本
+
+> 这是一个引用块，用于突出显示重要信息或引用他人的话。
+
+### 列表格式
+
+#### 无序列表
+- **粗体项目**：这是粗体文本
+- *斜体项目*：这是斜体文本
+- <span style="color: #43a047;">绿色文本</span>：这是带颜色的文本
+
+#### 有序列表
+1. 第一项
+2. 第二项
+3. 第三项
+
+### 表格示例
+
+| 列1 | 列2 | 列3 |
+|-----|-----|-----|
+| 内容1 | 内容2 | 内容3 |
+| 内容4 | 内容5 | 内容6 |
+
+### 图片插入
+
+<div align="center">
+
+<img src="/public/logo.jpg" alt="示例图片" width="300"/>
+
+*图片说明文字*
+
+</div>
+
+### 链接格式
+
+- [普通链接](https://example.com)
+- <span style="color: #43a047;">[带颜色的链接](https://example.com)</span>
+
+### 特殊格式文本
+
+- <span style="color: #d32f2f;">红色警告文本</span>
+- <span style="color: #43a047;">绿色成功文本</span>
+- <span style="color: #1976d2;">蓝色信息文本</span>
+- <span style="font-size:0.8em;">小字体文本</span>
+- <span style="font-weight: bold;">粗体文本</span>
+
+### 分割线
+
+---
+
+### 代码内联
+
+您可以在文本中使用 `内联代码` 来突出显示代码片段。
+
+### 数学公式（如果支持）
+
+$$
+E = mc^2
+$$
+
+<div align="center">
+
+## 总结
+
+</div>
+
+&emsp;&emsp;这是文章的总结部分。
+
+<div align="center">
+
+#### <span style="color: #d32f2f;">重要提示或结论</span>
+
+</div>
+
+<div align="center">
+
+<img src="/public/logo.png" alt="结束图片" width="200"/>
+
+</div>
+
+---
+
+*文章结束，可以添加版权信息或其他说明*
+
+[原文链接](https://example.com)
--- a/docs/sop/fishing-nothing-2.md
+++ b/docs/sop/fishing-nothing-2.md
@@ -1,15 +1,18 @@
 ---
-title: 今天二战钓鱼，还是空军
+title: 今天二战钓鱼，还是空军  # 文章标题，支持副标题格式（用 - 分隔）
+top: 0                   # 置顶级别：1-3，数字越大越靠前，0表示不置顶
+date: 2025-08-26 21:00:00  # 发布日期和时间，格式：YYYY-MM-DD HH:MM:SS
 descriptionHTML: '       
 <span style="color:var(--description-font-color);">下次不来了，有机会再钓</span>
 '
-date: 2025-08-26 21:00:00
-tags:
+tags:                    # 文章标签列表，用于分类和搜索
  - 生活
-sidebar: false
-readingTime: true
-hiddenCover: true
-cover: url
+sidebar: false           # 是否显示侧边栏：true显示，false隐藏
+readingTime: true        # 是否显示阅读时间：true显示，false隐藏
+hiddenCover: true        # 是否隐藏封面图：true隐藏，false显示
+cover: url  # 封面图片路径，相对于public目录
+sticky: 0                # 精选文章设置：值越大在首页展示越靠前，0表示不精选
+hidden: false            # 是否隐藏文章：true隐藏（模板用），false显示（正式文章用）
 ---

 # 今天二战钓鱼，还是空军
--- a/docs/sop/fishing-nothing.md
+++ b/docs/sop/fishing-nothing.md
@@ -1,15 +1,18 @@
 ---
-title: 今天第一次钓鱼，空军
+title: 今天第一次钓鱼，空军  # 文章标题，支持副标题格式（用 - 分隔）
+top: 0                   # 置顶级别：1-3，数字越大越靠前，0表示不置顶
+date: 2025-08-25 17:30:00  # 发布日期和时间，格式：YYYY-MM-DD HH:MM:SS
 descriptionHTML: '       
 <span style="color:var(--description-font-color);">下次还来</span>
 '
-date: 2025-08-25 17:30:00
-tags:
+tags:                    # 文章标签列表，用于分类和搜索
  - 生活
-sidebar: false
-readingTime: true
-hiddenCover: true
-cover: url
+sidebar: false           # 是否显示侧边栏：true显示，false隐藏
+readingTime: true        # 是否显示阅读时间：true显示，false隐藏
+hiddenCover: true        # 是否隐藏封面图：true隐藏，false显示
+cover: url  # 封面图片路径，相对于public目录
+sticky: 0                # 精选文章设置：值越大在首页展示越靠前，0表示不精选
+hidden: false            # 是否隐藏文章：true隐藏（模板用），false显示（正式文章用）
 ---

 # 今天第一次钓鱼，空军
--- a/docs/sop/how-to-use-cherry-studio.md
+++ b/docs/sop/how-to-use-cherry-studio.md
@@ -1,18 +1,18 @@
 ---
-description: 如何使用 Cherry Studio
+title: 如何使用 Cherry Studio  # 文章标题，支持副标题格式（用 - 分隔）
+top: 1                   # 置顶级别：1-3，数字越大越靠前，0表示不置顶
+date: 2025-08-24 20:30:00  # 发布日期和时间，格式：YYYY-MM-DD HH:MM:SS
 descriptionHTML: '       
 <span style="color:var(--description-font-color);">Cherry Studio的入门指南</span>
 '
-tag:
- - Cherry Studio
- - 教程
- - AI
-top: 1
-sidebar: false
-readingTime: true
-date: 2025-08-24 20:30:00
-comment: true
-sticky: 2
+tags:                    # 文章标签列表，用于分类和搜索
+  - Cherry Studio
+  - 教程
+  - AI
+sidebar: false           # 是否显示侧边栏：true显示，false隐藏
+readingTime: true        # 是否显示阅读时间：true显示，false隐藏
+sticky: 2                # 精选文章设置：值越大在首页展示越靠前，0表示不精选
+hidden: false            # 是否隐藏文章：true隐藏（模板用），false显示（正式文章用）
 ---

 # 如何使用 Cherry Studio