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. 第三步
- 第一步
- 第二步
- 第三步
加粗列表项
- **粗体项目:** 后面跟描述内容
- **另一个项目:** 描述内容
- 粗体项目: 后面跟描述内容
- 另一个项目: 描述内容
文字样式
**加粗文字**
*斜体文字*
~~删除线文字~~
`行内代码`
加粗文字
斜体文字删除线文字行内代码
代码块(语法高亮)
使用三个反引号包裹代码块,在开头反引号后加上语言名称即可启用语法高亮。
Markdown 代码示例
# 这是一级标题
## 这是二级标题
- 列表项1
- 列表项2
| 表头1 | 表头2 |
|---|---|
| 内容1 | 内容2 |
CSS 代码示例
.md-typeset h1 {
color: #ffc107;
border-bottom: 2px solid #ffc107;
}
YAML 配置示例
nav:
- 首页: index.md
- 装备攻略: ch8-equip.md<br>```
### 其他常用语言标识
| 语言 | 标识 | 适用场景 |
| --- | --- | --- |
| 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 页面的构建状态。