# Markdown 语法展示
这是一篇用于 Docship 预览的综合 Markdown 文档。它同时覆盖 CommonMark、GitHub Flavored Markdown(GFM)以及常见文档站扩展,方便在 showcase 中比较不同框架的渲染结果。
# 目录
# 标题与段落
上面是一级标题。下面演示 Setext 风格标题。
# Setext 二级标题
# Setext 一级标题
这是一个普通段落。Markdown 中连续的文本会合并为同一段,空一行即可开始新段落。
行末两个空格会产生换行。
这行会出现在上一行的下面。
# 文字格式
- 斜体、斜体
- 粗体、粗体
- 粗斜体、粗斜体
删除线(GFM)行内代码和包含 ` 反引号的代码- 普通链接中的 链接文字 (opens new window)
- 转义符号:*星号*、#井号、[方括号]
- 特殊字符:<、>、& 会被正确显示
# 列表
# 无序列表
- 第一项
- 第二项
- 嵌套项 2.1
- 嵌套项 2.2
- 第三级项目
- 第三项
# 有序列表
- 第一步
- 第二步
- 第二步的子项
- 另一个子项
- 第三步
# 任务列表
- [x] 已完成任务
- [ ] 待完成任务
- [ ] 另一个待办事项
# 定义列表
Markdown : 一种轻量级标记语言
GFM : GitHub Flavored Markdown
# 链接与图片
# 链接
https://github.com/NekoTick/docship (opens new window)
也可以使用引用式链接:项目主页 (opens new window)。
# 图片
图片也可以作为链接:
# 引用
这是一个引用段落。
引用可以包含 粗体、
代码以及链接。这是嵌套引用。
嵌套引用可以继续包含列表:
- 项目 A
- 项目 B
# 代码
# 行内代码
使用 npm run build 构建项目。
# 围栏代码块
function greet(name) {
return `Hello, ${name}!`;
}
console.log(greet('Markdown'));
2
3
4
5
def fibonacci(n):
if n < 2:
return n
return fibonacci(n - 1) + fibonacci(n - 2)
2
3
4
{
"name": "docship",
"markdown": true
}
2
3
4
- const theme = 'light';
+ const theme = 'dark';
2
# 缩进代码块
// 四个空格也可以创建代码块
const answer = 42;
2
# 表格
# 对齐与格式
| 左对齐 | 居中对齐 | 右对齐 | 包含 Markdown |
|---|---|---|---|
| 文本 | 文本 | 100 | 粗体 |
代码 | 链接 (opens new window) | 99.5 | |
| 长内容可以正常换行 | 第二列 | 0 | a\|b 中的竖线已转义 |
# 项目比较表
| 特性 | CommonMark | GFM | Docship 预览 |
|---|---|---|---|
| 标题、段落 | 支持 | 支持 | 支持 |
| 任务列表 | - | 支持 | 支持 |
| 表格 | - | 支持 | 支持 |
| 脚注 | 扩展 | 支持 | 按框架能力渲染 |
| 数学公式 | 扩展 | 扩展 | 见下方示例 |
# HTML 表格
| 状态 | 含义 |
|---|---|
| 通过 | 语法已渲染 |
| 扩展 | 由框架插件提供 |
# 扩展语法
# 分隔线
三种写法都表示水平分隔线:
# 脚注
这里有一个脚注^first,还有一个多行脚注^second。
缩进的行仍属于同一个脚注。
# 数学公式(LaTeX)
行内公式通常写作 $E = mc^2$。
部分框架需要 KaTeX 或 MathJax 插件才能显示块级公式:
\sum_{n=1}^{\infty} \frac{1}{n^2} = \frac{\pi^2}{6}
# Mermaid 图表
部分框架支持直接渲染 Mermaid:
flowchart TD
A[开始] --> B{构建成功?}
B -->|是| C[发布页面]
B -->|否| D[查看日志]
2
3
4
# 可折叠内容
点击展开更多内容
这里是默认折叠的内容,里面仍然可以使用 Markdown。
- 隐藏项目一
- 隐藏项目二
# 提示块(部分框架支持)
[!NOTE] 这是一个提示块。
[!TIP] 这是一个技巧提示。
[!WARNING] 这是一个警告提示。
[!IMPORTANT] 这是一个重要提示。
[!CAUTION] 这是一个注意事项。
# YAML Front Matter
Front Matter 通常位于文件开头。这里用代码块展示,避免影响当前页面配置:
---
title: Markdown 示例
description: 展示常用 Markdown 语法
---
2
3
4
# 原始 HTML
Markdown 允许在需要时混入安全的 HTML 标签:
Ctrl + C 复制
H2O 和 x2
高亮文本
# 兼容性说明
Docship 会把根目录的 Markdown 文件交给各个框架工作流构建。当前页面就是仓库首页,因此会自动出现在 showcase 的每个框架卡片中;不同框架对数学、Mermaid、提示块和 HTML 扩展的支持可能略有差异。
文档由 Docship Markdown showcase 提供。
