1---2titleMarkdown 参考3header$title4footer第 $pageNo 页 / 共 $totalPages 页5---x
1<div style="font-family:'Times New Roman', Times, serif; font-size:14pt; font-weight:bold; color:#0969DA; padding-top:0.5em; padding-bottom:0.5em; margin-top:0.5em; margin-top:0.5em; border-bottom:2px solid #0969DA ; text-align:center;">Markdown 参考</div><div style="font-family:'Times New Roman', Times, serif; font-size:12pt; color:#0969DA; text-align:center;">第1版</div>xxxxxxxxxx11tocEmoji表情符号:🙂🙃😉🤣😋😜🤪😅😍🤩🤑😝🤔😮💨😑😳😪😴😠🤮🥵🥶😵💫😱😈👻💩💔❤💢
x1※ ~ ╱ ★【 】空白字符2
3//▇▇▇▇▇代码、高亮、删除线、Command + B 、Command + I、Command + U、
xxxxxxxxxx31`代码`2==高亮==3~~删除线~~cards
xxxxxxxxxx11<span style="font-weight: bold;color:#159615;padding:0; margin:0;">card</span><span style="font-weight: bold;color:#ff0000;padding:0; margin:0;">s</span>绿色背景
xxxxxxxxxx11<span style="color:#fff;font-weight:normal;text-decoration:none;background-color:#007b43; padding: 2px 6px 2px 6px; margin: 2px 6px 2px 6px;">绿色背景</span>蓝色背景
xxxxxxxxxx11<span style="color:#000;font-weight:normal;text-decoration:none;background-color:#DDEBF7; padding: 2px 6px 2px 6px; margin: 2px 6px 2px 6px;">蓝色背景</span>蓝色背景
xxxxxxxxxx11<span style="color:#fff;font-weight:normal;text-decoration:none;background-color:#6565ff; padding: 2px 6px 2px 6px; margin: 2px 6px 2px 6px;">蓝色背景</span>xxxxxxxxxx41sup<sup>上标</sup>2sub<sub>下标</sub>3脚注演示^14脚注演示^2在文章末尾 添加如下:
xxxxxxxxxx21^1]该样式来自Butterfly主题(https//butterfly.js.org)2^2]本样式修改自zj主题(https//github.com/Theigrams/My-Typora-Themes)可以直接用尖括号<>包裹URL链接或邮箱 https://baidu.com
xxxxxxxxxx11<https://baidu.com>水平分割线
xxxxxxxxxx11 <hr>Ctrl
xxxxxxxxxx11<kbd> Ctrl </kbd>未完成任务1
未完成任务2
已完成任务1
已完成任务2
xxxxxxxxxx41 未完成任务12 未完成任务23x 已完成任务14x 已完成任务2我是行内公式
xxxxxxxxxx11$E = mc^2$ xxxxxxxxxx31$$2Ctrl + Shift + M3$$如果$$都写在一行,行间公式就变成了行内公式
xxxxxxxxxx11$$Ctrl + Shift + M$${\color{red}内容} 、 \colorbox{yellow}{$ 内容 $}
xxxxxxxxxx11${\color{red}L_1}\tan \alpha \le h \le \colorbox{yellow}{$ L_2\tan \alpha $}$xxxxxxxxxx11$$L_1\tan \alpha \le h \le L_2\tan \alpha$$Ctrl + Shift + Q
xxxxxxxxxx11> Ctrl + Shift + QNote
Inline styles support strong, Emphasis, code, 😄,
| TITLE | title |
|---|---|
| content | content |
xxxxxxxxxx91> !note2>3> Inline styles support **strong**, *Emphasis*, `code`, :smile:, $\LaTeX$, X^2^, H~2~O, table, [Link](typora.io), and code block4>5> | TITLE | title |6> | :----------7> | content | content |8> | | |9> | | |Tip
Inline styles support strong, Emphasis, code, 😄,
xxxxxxxxxx11echo "警告框代码块示例"| TITLE | title |
|---|---|
| content | content |
xxxxxxxxxx141> !tip2>3> Inline styles support **strong**, *Emphasis*, `code`, :smile:, $\LaTeX$, X^2^, H~2~O, table, [Link](typora.io), and code block4>5> ```bash6> echo "警告框代码块示例"7> ```8>9> | TITLE | title |10> | :----------11> | content | content |12> | | |13> | | |14> | | |Important
Inline styles support strong, Emphasis, code, 😄,
| TITLE | title |
|---|---|
| content | content |
xxxxxxxxxx71> !important2>3> Inline styles support **strong**, *Emphasis*, `code`, :smile:, $\LaTeX$, X^2^, H~2~O, table, [Link](typora.io), and code block4>5> | TITLE | title |6> | :----------7> | content | content |Warning
Inline styles support strong, Emphasis, code, 😄,
| TITLE | title |
|---|---|
| content | content |
xxxxxxxxxx71> !warning2>3> Inline styles support **strong**, *Emphasis*, `code`, :smile:, $\LaTeX$, X^2^, H~2~O, table, [Link](typora.io), and code block4>5> | TITLE | title |6> | :----------7> | content | content |Caution
Inline styles support strong, Emphasis, code, 😄,
| TITLE | title |
|---|---|
| content | content |
xxxxxxxxxx71> !caution2>3> Inline styles support **strong**, *Emphasis*, `code`, :smile:, $\LaTeX$, X^2^, H~2~O, table, [Link](typora.io), and code block4>5> | TITLE | title |6> | :----------7> | content | content |xxxxxxxxxx41<audio controls="controls" loop="loop">2 <source src="#.mp3" type="audio/mp3" />3 您的浏览器不支持 HTML5 video 标签。4</audio>xxxxxxxxxx41<video controls="controls" loop="loop" width="640" height="360">2 <source src="#.mp4" type="video/mp4">3 您的浏览器不支持 HTML5 video 标签。4</video>xxxxxxxxxx11<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" src="//music.163.com/outchain/player?type=2&id=1342183925&auto=0"></iframe>xxxxxxxxxx231# a2
3<table class="engdict">4 <tr>5 <td class="engdict1">111</td>6 <td class="engdict2">222</td>7 <td class="engdict3">333</td>8 <td class="engdict4">444</td> <!-- 囍 -->9 </tr>10 <tr>11 <td colspan="2" class="engdict5">1255513 </td>14 <td colspan="2" class="engdict6">1566616 </td>17 </tr>18 <tr>19 <td colspan="4" class="engdict7">2077721 </td> <!-- 单词用法、词义辨析、近义词、反义词、等 -->22 </tr>23</table>
```mermaid
pie
title Pie Chart
"Dogs" : 386
"Cats" : 85
"Rats" : 150
```
在线Mermaid编辑器、幕布脑图(MD文档以OPML格式导出然后借助幕布转换为思维脑图)
xxxxxxxxxx161<div alt="timeline">2 <div alt="timenode">3 <div alt="meta">2025.01.01 ~ 2025.12.31 <a href="https://baidu.com">百度</a></div>4 <div alt="body">5 人言落日是天涯,望极天涯不见家。<br>6 已恨碧山相阻隔,碧山还被暮云遮。7 </div>8 </div>9 <div alt="timenode">10 <div alt="meta">2025.01.01 ~ 2025.12.31 <a href="https://baidu.com">百度</a></div>11 <div alt="body">12 人言落日是天涯,望极天涯不见家。<br>13 已恨碧山相阻隔,碧山还被暮云遮。14 </div>15 </div>16</div>