博客 Markdown 格式展示
用于检查标题、表格、代码、数学公式、图片和脚注的格式示例。
发布于
本文是格式展示用的示例,不代表真实经历或正式教程。博客与教程使用相同的正文,方便对照渲染。
标题与文字#
普通中文与 English text,粗体、斜体、删除线,以及行内代码 npm run build。
三级标题#
四级标题#
五级标题#
六级标题#
列表与引用#
- 无序列表第一项
- 无序列表第二项
- 嵌套子项,检查缩进
- 准备 Markdown
- 打开文章页面
- 对照每一项展示
- 已完成项目
- 待完成项目
普通引用:观察文字、边框与背景。
第二段引用。
嵌套引用。
表格#
| 格式 | 示例 | 预期 |
|---|---|---|
| 行内代码 | const n = 1 | 1 |
| 强调 | 粗体 | 2 |
| 中文与英文 | Markdown | 3 |
代码块#
hello.ts
interface Person {
name: string
}
const greet = (person: Person) => {
return `Hello, ${person.name}!`
}
console.log(greet({ name: 'Markdown' })) ts- const enabled = false
+ const enabled = truediff没有高亮的纯文本。
长行测试:https://example.com/a/very/long/path/that/should/scroll/inside/the/code/block/without/expanding/the/pagetext数学公式#
行内公式:,以及 。
图片#
图片说明:检查宽度、居中与替代文字。
脚注与分隔线#
这句话带有脚注1。
折叠内容与 HTML#
点击展开补充说明
这是一段原生 HTML 折叠内容,检查点击展开与收起。
⌘ + K,高亮文字,H2O,x2。
扩展语法边界#
以下展示 Mermaid 流程图和引用扩展语法,方便检查当前阅读器的渲染。
flowchart LR
Markdown --> HTMLmermaid注释#
-
脚注内容,检查编号、跳转和返回链接。 ↩