首页/对照列表/Markdown 语法参考

Markdown 备忘单

Markdown 语法快速参考指南

heading

Heading 1

标题内容
# Title Here
实时预览 (DEMO)
<h1>Title Here</h1>
heading

Heading 2

标题内容
## Title Here
实时预览 (DEMO)
<h2>Title Here</h2>
heading

Heading 3

标题内容
### Title Here
实时预览 (DEMO)
<h3>Title Here</h3>
text

Bold

显示文本
**Important**
实时预览 (DEMO)
<strong>Important</strong>
text

Italic

显示文本
*Important*
实时预览 (DEMO)
<em>Important</em>
text

Bold & Italic

显示文本
***Important***
实时预览 (DEMO)
<strong><em>Important</em></strong>
text

Strikethrough

显示文本
~~Important~~
实时预览 (DEMO)
<del>Important</del>
text

Quote

> message
实时预览 (DEMO)
<blockquote>message</blockquote>
text

Horizontal Rule

---
实时预览 (DEMO)
<hr>
text

Footnote

Text[^1] [^1]: Reference detail
实时预览 (DEMO)
<span>Text<sup>1</sup></span>
list

Unordered List

- item 1 - item 2
实时预览 (DEMO)
<ul><li>item 1</li><li>item 2</li></ul>
list

Ordered List

1. item 1 2. item 2
实时预览 (DEMO)
<ol><li>item 1</li><li>item 2</li></ol>
list

Task List

- [x] Done - [ ] Pending
实时预览 (DEMO)
<input type='checkbox' checked> Done<br><input type='checkbox'> Pending
code

Code Block

显示文本
```javascript // code here ```
实时预览 (DEMO)
<pre><code>...</code></pre>
embed

Standard Link

显示文本
资源链接
[daima.life](https://daima.life)
实时预览 (DEMO)
<a href='https://daima.life'>daima.life</a>
pro

Reference Link

显示文本
资源链接
[daima.life][id] [id]: https://daima.life
实时预览 (DEMO)
<a href='https://daima.life'>daima.life</a>
embed

Image

显示文本
资源链接
![logo](/logo.png)
实时预览 (DEMO)
<img src='/logo.png' alt='logo'>
pro

Basic Table

表头1 | 表头2
表头1 | 表头2
内容1 | 内容2
内容1 | 内容2
| ID | Name | | --- | --- | | 001 | Daima |
实时预览 (DEMO)
<table border='1'><tr><th>ID</th><th>Name</th></tr><tr><td>001</td><td>Daima</td></tr></table>
pro

Math (LaTeX)

显示文本
$$e^{i\pi} + 1 = 0$$
实时预览 (DEMO)
<span>(Rendering Equation...)</span>
code

Mermaid Flowchart

显示文本
```mermaid graph TD A --> B B --> C ```
实时预览 (DEMO)
<span>(Mermaid Diagram)</span>
pro

Details/Accordion

<details> <summary>Click Me</summary> Content here </details>
实时预览 (DEMO)
<details><summary>Click Me</summary>...</details>
text

Emoji

:smile:
实时预览 (DEMO)
<span>😄</span>

功能简介

Markdown 语法参考

Markdown 多语种语法速查。深度对比不同 Markdown 解析器的实现细节,涵盖 GitHub Flavored Markdown (GFM) 全部语法清单,是您撰写 README、技术博客的掌上罗盘。

如何使用

1. 查找所需的排版元素(如:表格、数学公式);2. 复制对应的原始标记代码;3. 参考设计的预览渲染效果对比。

安全保障

纯文档参考库。我们不存储、同步或分析您正在撰写的 Markdown 草稿内容。

100% Client Side
📘 使用指南与技术说明

痛点引入

作为程序员,谁没在写文档时被Markdown语法卡住过?想加个表格得翻半天教程,要调整图片对齐只能干瞪眼,更别提那些高级扩展语法了。每次都得打开浏览器搜半天,打断编码思路不说,还特别影响摸鱼效率。要是能有个随用随查的速查神器,那该多省事啊!

核心功能深度解析

这个Markdown语法参考工具可不是简单的语法罗列,它背后整合了CommonMark规范、GitHub Flavored Markdown扩展以及各种编辑器实现差异。比如表格解析用的是正则匹配单元格边界,代码块高亮基于语言标识的递归解析。工具还特别标注了哪些语法是RFC标准实现,哪些是各平台私有扩展,帮你避开兼容性大坑。

行业应用场景

联调场景:团队协作时,用标准Markdown写API文档,确保所有人看到的格式一致,避免因渲染差异导致的沟通成本。

测试环境:自动化测试报告中嵌入Markdown格式的测试结果,用表格展示用例通过率,用代码块显示错误日志。

生产环境:技术博客、项目README、内部Wiki都用Markdown维护,一键发布到多个平台,真正实现“一次编写,处处展示”。

FAQ 常见问题

Q1:为什么我的Markdown表格在某些平台显示错位? A:多数是因为单元格内换行或特殊字符未转义,建议使用工具内的“表格格式化”功能预处理。

Q2:如何实现图片居中显示? A:原生Markdown不支持,但可通过添加HTML标签或使用GFM扩展语法解决,具体方法见工具“高级技巧”章节。

Q3:代码块中的语言标识写错了会怎样? A:大部分解析器会降级为纯文本显示,失去语法高亮,但不会导致解析失败。

Q4:Markdown文件有大小限制吗? A:理论上无限制,但超过1MB后部分在线渲染工具可能性能下降,建议拆分文件。

Q5:能否在Markdown中嵌入数学公式? A:可通过LaTeX语法实现,但需要平台支持MathJax或KaTeX渲染引擎,兼容性列表已在工具中标注。

技术科普/延伸阅读

Markdown的标准化之路其实挺曲折的,虽然CommonMark已成事实标准,但各厂商仍在添加私有扩展。有趣的是,至今没有一份官方RFC文档来定义Markdown,这导致“Markdown到底是什么”成了开发者圈子的未解之谜。想深入了解的话,可以看看John Gruber的原始设计文档,以及GitHub的GFM规范,对比着读特别有意思。

📖 精选技术文章推荐

那些藏在 URL 里的双重编码漏洞:一次 SQL 注入的完整路径

明明部署了昂贵的 WAF 防火墙,为什么数据库还是被拖库了?黑客并没有使用什么零日漏洞,而是巧妙地利用了 URL 的“双重编码”特性。本文将带你重构一次真实的攻击路径,揭示架构分层中的安全盲区,以及开发者最容易犯的致命错误。

那个把对象直接 toString 传进 URL 的同事,把我们的接口搞崩了

一个前端新人的失误:'?filter=[object Object]',让后端的 JSON.parse 直接崩溃,引发了一场 P3 级事故。本文深入探讨 JSON 与 GET 参数互转的种种陷阱:嵌套对象怎么传?数组怎么解析?URL 长度限制在哪里?以及如何避开这些暗坑。

计算机差点变成巴别塔:Unicode 发明前,我们如何处理多语言文字

在 UTF-8 统治世界之前,计算机世界曾是一片混乱的割据地。为了显示中文、日文或希腊文,开发者们发明了无数互不兼容的“代码页”。本文带你回顾那段满是乱码、冲突与妥协的编码演进史,理解 Unicode 存在的终极意义。

消失的字符:处理民族文字展示时的编码与渲染深坑

在开发文本分析工具时,我们发现 UTF-8 并不是万能药。当遇到藏文的叠加字、维吾尔文的 RTL 镜像渲染以及复杂的 Unicode 代理对时,传统的字符串处理逻辑会瞬间失效。本文记录 daima.life 在适配多元文字时的技术复盘。

💡 想要更多功能?

发现 Bug 或是希望加入新工具?支持免费提建议或商业私有化定制开发