平时很喜欢使用Markdown写日志,记录一些心得体会,感觉非常方便快捷,但是一直停留在简单的表明应用,没有深入学习Markdown里的一些高级用法,最近因为在用markdown写一些教程和文案,发现基于平时掌握的知识,并不能很好是适应一些复杂的布局需求,于是我又重新学习了一下Markdown的语法知识,在这里总结出来,方便自己以后查阅,也给需要的小伙伴一些小小帮助。
这里总结了markdown现有的一些语法结构,当然肯定不是最全的,但是我会定期更新这个日志,并在后面几天,将一些高级用法以日志的形式写出来。
Markdown 速查表
| 元素 | 语法 | 示例 |
|---|---|---|
| 标题 Heading | # H1## H2### H3#### H4##### H5###### H6 | H1H2H3H4H5H6 |
| 粗体 Bold | **Bold** | Bold |
| 斜体 Italic | *Italicized* | Italicized |
| 删除线 Strikethrough | ~~Strikethrough~~ | |
| 块引用 Blockquote | > Blockquote | Blockquote |
| 有序列表 Ordered List | 1. First2. Second |
|
| 无序列表 Unordered List | - First- Second |
|
| 代码 Code | `Code` | Code |
| 水平线 Horizontal Rule | --- | --- |
| 链接 Link | [Link Text](http://example.com) | Link Text |
| 图片 Image |  | |
| 表 Table | --- | 因为我用markdown的table实现的这个表格,这里再写一个table的源码实现比较麻烦,这部分内容将在后面日志中补充 |
| 代码块 Code Block | ```javascriptconst name = "Tom" const age = 10 console.log("Hi, my name is " + name + ", I am " + age + " years old now.") ``` | --- |
| 任务列表 Task List | - [x] task a had been done. - [ ] task b | --- |
| 下标 Subscript | H<sub>2</sub>O or H~2~O | 由于目前很多markdown引擎还不支持 H |
| 上标 Superscript | H<sup>2</sup>O or H^2^O | 由于目前很多markdown引擎还不支持 H^2^O的写法,这里主要通过 html 元素 sup实现 H2O |
| 高亮 Highlight | ==Highlight== | 由于目前很多markdown引擎还不支持==Hight==的用法,可以改用html元素mark来实现,Highlight |
| 表情符号 Emoji | 😂 | 需要手动将emoji表情复制粘贴过来😂 |