Wiki 写法说明

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

基础标题

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

# 一级标题(页面标题,每个 .md 文件只有一个)
## 二级标题(章节,会出现在右侧目录)
### 三级标题(小节,也会出现在右侧目录)
#### 四级标题(段落小标题,不出现在目录中)
注意: 本站目录深度设置为 toc_depth: 2,即 ## 和 ### 级别的标题会显示在右侧目录导航中。如果你希望某个章节作为独立子目录显示,请使用 ##。

提示框(Admonition)

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

注意 / 警告


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

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

这是一条警告信息。

危险

这是一条危险操作提示。

提示 / 信息


!!! 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 代码示例

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

表头1表头2
内容1内容2

CSS 代码示例

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

YAML 配置示例

nav:


### 其他常用语言标识

| 语言 | 标识 | 适用场景 |
| --- | --- | --- |
| 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:


### 3. 本地预览

pip install mkdocs-material
mkdocs serve


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

## 常见问题

### 表格显示异常?

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

### 提示框不生效?

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

markdown_extensions:


### 修改后页面没变化?

GitHub Actions 自动部署通常需要 1-2 分钟。如果超过 5 分钟仍未更新,请检查 Actions 页面的构建状态。
内容由在下夜独及群友贡献 · B站主页