Markdown 速查表

此页面也用于测试文章和页面中使用的组件。

实用链接

维基百科上的 XML 和 HTML 字符实体参考列表

我的博客信息

检查我的域名是否在中国大陆被封锁

设计

Font Awesome

常用表情符号


`:D`(快捷键)
😄 `:smile:`	😊 `:blush:`	😍 `:heart_eyes:`
😓 `:sweat:`	:thumbsup: `:thumbsup:`	😋 `:yum:`
😰 `:cold_sweat:`	😱 `:scream:`	😭 `:sob:`
😜 `:stuck_out_tongue_winking_eye:`	😗 `:kissing:`	😪 `:sleepy:`
💩 `:poop:`	✌ `:v:`	💯 `:100:`
🙈 `:see_no_evil:`	🙉 `:hear_no_evil:`	🙊 `:speak_no_evil:`
💋 `:kiss:`	💀 `:skull:`	💧 `:droplet:`
🎆 `:fireworks:`	📢 `:loudspeaker:`	⚠️ `:warning:`
🚫 `:no_entry_sign:`	✅ `:white_check_mark:`	❌ `:x:`
㊙️ `:secret:`	⁉️ `:interrobang:`	‼️ `:bangbang:`

更多请参考 Emoji Cheatsheet

CSS

按键

Control <kbd>Contro</kbd>
Shift ⇧ <kbd>Shift ⇧</kbd> - 使用 Unicode 字符

Markdown（含插件）

++Inserted++ Inserted
脚注 [^1] 用于标记¹，[^1]: 用于注释
如果 markdown 在 {{}} 或 {%%} 上造成问题，请使用 {% raw %}{% raw %}{% endraw %}{% endraw %}
Youtube 视频 {% youtube [youtube id] %}

操作	Markdown	示例
下标	`H~2~0`	H20
上标	`x^2^`	x^2^
粗体	`bold`	bold
斜体	`italic`	italic
粗体和斜体	`*bold and italic*`	bold and italic
标记	`==marked==`	==marked==
删除线	`~~strikethrough~~`	~~strikethrough~~
行内代码	`inline code`	`inline code`
链接	`[link text](https://neo01.com)`	link text
图片	`![alt text](https://neo01.com/image.jpg)`

使用样式类的属性，例如：

# header {.style-me}
paragraph {data-toggle=modal}
paragraph *style me*{.red} more text

输出

<h1 class="style-me">header</h1>
<p data-toggle="modal">paragraph</p>
<p>paragraph <em class="red">style me</em> more text</p>

表格列对齐

代码：

默认	左对齐	居中	右对齐
1	1	1	1
22	22	22	22
333	333	333	333

结果：

默认	左对齐	居中	右对齐
1	1	1	1
22	22	22	22
333	333	333	333

引用块

代码：

一些引用文字

结果：

一些引用文字

有序列表

代码：

项目 1
项目 2

结果：

项目 1
项目 2

无序列表

代码：

项目 1
项目 2

结果：

项目 1
项目 2

水平线

代码： ---

结果：

代码块

结果：

代码块

代码：

代码块

GitHub 卡片

用户

:::githubCard{user="neoalienson"}
:::

结果：

neoalienson/pachinko

Loading repository data...

⭐ -- 🍴 -- Language: --

Mermaid JS

block-beta columns 1 db(("DB")) blockArrowId6<["   "]>(down) block:ID A B["A wide one in the middle"] C end space D ID --> D C --> D style B fill:#969,stroke:#333,stroke-width:4px

柱状图

结果：

{ "title": { "text": "Ephemeral Port Ranges by OS" }, "tooltip": {}, "xAxis": { "type": "category", "data": ["Linux", "Windows", "macOS", "FreeBSD"] }, "yAxis": { "type": "value", "name": "Ports" }, "series": [{ "type": "bar", "data": [28233, 16384, 16384, 55536] }] }

Line chart:

{ "title": { "text": "API Calls Over Time" }, "tooltip": {}, "xAxis": { "type": "category", "data": ["Mon", "Tue", "Wed", "Thu", "Fri"] }, "yAxis": { "type": "value" }, "series": [{ "type": "line", "data": [320, 532, 401, 634, 590], "areaStyle": {} }] }

脚注示例 ↩