跳转至

Wiki 写法说明

本文档面向贡献者,介绍本 Wiki 所使用的 MkDocs Material 主题的 Markdown 写法规范,帮助你快速上手编辑文档。

基础标题

标题用于组织页面结构,同时也会出现在右侧目录导航中。

# 一级标题(页面标题,每个 .md 文件只有一个)
## 二级标题(章节,会出现在右侧目录)
### 三级标题(小节,也会出现在右侧目录)
#### 四级标题(段落小标题,不出现在目录中)

注意: 本站目录深度设置为 toc_depth: 2,即 ##### 级别的标题会显示在右侧目录导航中。如果你希望某个章节作为独立子目录显示,请使用 ##

提示框(Admonition)

提示框用于突出重要信息,支持多种类型。写法为 !!! 加类型名,后面跟可选的标题。

注意 / 警告

!!! warning "注意"
    这是一条警告信息。

!!! danger "危险"
    这是一条危险操作提示。

注意

这是一条警告信息。

危险

这是一条危险操作提示。

提示 / 信息

!!! tip
    这是一条提示信息。

!!! tip "小贴士"
    这是一条实用小贴士。

Tip

这是一条提示信息。

小贴士

这是一条实用小贴士。

成功 / 失败

!!! success "成功"
    操作成功时的提示。

!!! failure "失败"
    操作失败时的提示。

!!! bug "已知问题"
    这是一个已知的问题。

成功

操作成功时的提示。

失败

操作失败时的提示。

已知问题

这是一个已知的问题。

可折叠提示框

使用 ??? 替代 !!! 可以创建默认折叠的提示框,使用 ???+ 则默认展开。

??? "点击展开详情"
    折叠起来的详细内容。

???+ "默认展开"
    默认就是展开状态的详细内容。
点击展开详情

折叠起来的详细内容。

默认展开

默认就是展开状态的详细内容。

引用块

引用块用于补充说明或引用重要信息,在本站中会显示为左侧金色边框的区块。

> **任务主线:** 这是一条引用说明。
>
> 引用块支持多行内容,空行用 `>` 连接。

任务主线: 这是一条引用说明。

引用块支持多行内容,空行用 > 连接。

表格

表格使用标准 Markdown 语法,用 | 分隔列,用 --- 分隔表头和内容。

基础表格

| 列1 | 列2 | 列3 |
| --- | --- | --- |
| 内容1 | 内容2 | 内容3 |
| 内容4 | 内容5 | 内容6 |
列1 列2 列3
内容1 内容2 内容3
内容4 内容5 内容6

表格内加粗

| 装备名称 | 获取地点 |
| --- | --- |
| **锈蚀黑剑** | 阴暗墓穴获取 |
| **凯瑟里克的盔甲** | 击杀凯瑟里克·索姆 |
装备名称 获取地点
锈蚀黑剑 阴暗墓穴获取
凯瑟里克的盔甲 击杀凯瑟里克·索姆

对齐方式

| 左对齐 | 居中对齐 | 右对齐 |
| --- | --- | --- |
| 内容 | 内容 | 内容 |
左对齐 居中对齐 右对齐
内容 内容 内容

列表

无序列表

- 项目一
- 项目二
- 项目三
  • 项目一
  • 项目二
  • 项目三

有序列表

1. 第一步
2. 第二步
3. 第三步
  1. 第一步
  2. 第二步
  3. 第三步

加粗列表项

- **粗体项目:** 后面跟描述内容
- **另一个项目:** 描述内容
  • 粗体项目: 后面跟描述内容
  • 另一个项目: 描述内容

文字样式

**加粗文字**
*斜体文字*
~~删除线文字~~
`行内代码`

加粗文字 斜体文字 ~~删除线文字~~ 行内代码

代码块(语法高亮)

使用三个反引号包裹代码块,在开头反引号后加上语言名称即可启用语法高亮。

Markdown 代码示例

    ```markdown
    # 这是一级标题
    ## 这是二级标题

    - 列表项1
    - 列表项2

    | 表头1 | 表头2 |
    | --- | --- |
    | 内容1 | 内容2 |
    ```

CSS 代码示例

    ```css
    .md-typeset h1 {
        color: #ffc107;
        border-bottom: 2px solid #ffc107;
    }
    ```

YAML 配置示例

    ```yaml
    nav:
      - 首页: index.md
      - 装备攻略: ch8-equip.md
    ```

其他常用语言标识

语言 标识 适用场景
Markdown markdown Markdown 语法示例
CSS css 样式代码
YAML yaml 配置文件
Python python Python 脚本
JavaScript javascript / js JS 代码
Bash / Shell bash / sh 命令行脚本
PowerShell powershell PowerShell 脚本
JSON json JSON 数据
HTML html HTML 代码
C# csharp / cs C# 代码
Lua lua Lua 脚本

提示: 如果不加语言标识,代码块会显示为普通文本,没有语法高亮和行号复制功能。

分隔线

使用三个短横线 --- 来创建分隔线,常用于分隔不同章节的内容。

---

修改主题颜色

本站的主题颜色在 docs/stylesheets/extra.css 中定义,使用金色(#ffc107)作为主色调。

修改主色调

如果你想更换颜色,修改 extra.css 中的以下变量:

:root {
    --md-primary-fg-color: #ffc107;       /* 主色 */
    --md-primary-fg-color--light: #ffe082; /* 浅色变体 */
    --md-primary-fg-color--dark: #ff8f00;  /* 深色变体 */
    --md-accent-fg-color: #ffc107;        /* 强调色 */
}

常用配色参考:

颜色 色值 效果
金色(当前) #ffc107 暖色调,适合游戏攻略
翠绿 #4caf50 自然清新风格
天蓝 #2196f3 科技感风格
紫色 #9c27b0 神秘魔幻风格
红色 #f44336 热血战斗风格

修改标题栏渐变

.md-header {
    background: linear-gradient(90deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%) !important;
}

将三个颜色值替换为你想要的渐变色即可。

修改各级标题颜色

.md-typeset h1 { color: #ffc107; }  /* 一级标题 */
.md-typeset h2 { color: #ffe082; }  /* 二级标题 */
.md-typeset h3 { color: #ffd54f; }  /* 三级标题 */

新建页面

1. 创建 .md 文件

docs/ 目录下创建新的 .md 文件,文件名遵循 ch*-xxx.md 的命名规范。

2. 注册到导航

在根目录的 mkdocs.yml 文件中的 nav 部分添加新条目:

nav:
  - 首页: index.md
  - 新手入门: ch1-start.md
  - 你的新页面: ch13-yourpage.md   # 在这里添加

3. 本地预览

pip install mkdocs-material
mkdocs serve

浏览器打开 http://127.0.0.1:8000 即可预览。

常见问题

表格显示异常?

确保表头分隔行 | --- | --- | 的短横线数量至少为 3 个,且每列都有分隔符。

提示框不生效?

确保 mkdocs.yml 中已启用 admonition 扩展(本站已启用):

markdown_extensions:
  - admonition
  - pymdownx.details

修改后页面没变化?

GitHub Actions 自动部署通常需要 1-2 分钟。如果超过 5 分钟仍未更新,请检查 Actions 页面的构建状态。