AlexChen's BlogMarkdown
本文章转载自 docsify-themeable。
简介
Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档。
Markdown 编写的文档后缀为 .md, .markdown。
当前许多网站都广泛使用 Markdown 来撰写帮助文档或是用于论坛上发表消息。例如：GitHub、简书、reddit、Diaspora、Stack Exchange、OpenStreetMap、SourceForge 等。
其主要特性：
- 支持“标准”Markdown / CommonMark 和 Github 风格的语法，也可变身为代码编辑器；
- 支持实时预览、图片（跨域）上传、预格式文本/代码/表格插入、代码折叠、搜索替换、只读模式、自定义样式主题和多语言语法高亮等功能；
- 支持 ToC（Table of Contents）、Emoji 表情、Task lists、@链接等 Markdown 扩展语法；
- 支持 TeX 科学公式（基于 KaTeX）、流程图 Flowchart 和 时序图 Sequence Diagram;
- 支持识别和解析 HTML 标签，并且支持自定义过滤标签解析，具有可靠的安全性和几乎无限的扩展性；
- 支持 AMD / CMD 模块化加载（支持 Require.js & Sea.js），并且支持自定义扩展插件；
- 兼容主流的浏览器（IE8+）和 Zepto.js，且支持 iPad 等平板设备；
- 支持自定义主题样式；
常用语法
标题
- Rendered
Heading 1
text...
Heading 2
This is the text under the title.
Heading 3
text...
Heading 4
text...
Heading 5
text...
Heading 6
text...
- Markdown
markdown
# Heading 1
text...
## Heading 2
text...
### Heading 3
text...
#### Heading 4
text...
##### Heading 5
text...
###### Heading 6
text...# Heading 1
text...
## Heading 2
text...
### Heading 3
text...
#### Heading 4
text...
##### Heading 5
text...
###### Heading 6
text...文本
- Rendered
Body text
Bold text
Italic text
Strikethrough
Marked text
Preformatted text
Small Text
This is subscript
This is superscript
- Markdown
markdown
Body text
**Bold text**
*Italic text*
~~Strikethrough~~
<mark>Marked text</mark>
<pre>Preformatted text</pre>
<small>Small Text</small>
This is <sub>subscript</sub>
This is <sup>superscript</sup>Body text
**Bold text**
*Italic text*
~~Strikethrough~~
<mark>Marked text</mark>
<pre>Preformatted text</pre>
<small>Small Text</small>
This is <sub>subscript</sub>
This is <sup>superscript</sup>链接
- Renderedhttps://www.baidu.com
- Markdown
markdown
<https://www.baidu.com>
[Inline link](https://baidu.com)
[Inline link with title](https://baidu.com "百度")
[Reference link by name][link1]
[Reference link by number][1]
[Reference link by self]
[link1]: https://baidu.com
[1]: https://baidu.com
[Reference link by self]: https://baidu.com<https://www.baidu.com>
[Inline link](https://baidu.com)
[Inline link with title](https://baidu.com "百度")
[Reference link by name][link1]
[Reference link by number][1]
[Reference link by self]
[link1]: https://baidu.com
[1]: https://baidu.com
[Reference link by self]: https://baidu.com列表
- Rendered
有序列表
- Ordered 1
- Ordered 2
- Ordered 2a
- Ordered 2b
- Ordered 2c
- Ordered 3
无序列表
- Unordered 1
- Unordered 2
- Unordered 2a
- Unordered 2b
- Unordered 2c
- Unordered 3
任务列表
[x] Task 1
[ ] Task 2
- [x] Subtask A
- [ ] Subtask B
[ ] Task 3
Markdown
markdown
**有序列表**
1. Ordered 1
1. Ordered 2
1. Ordered 2a
1. Ordered 2b
1. Ordered 2c
1. Ordered 3
**无序列表**
- Unordered 1
- Unordered 2
- Unordered 2a
- Unordered 2b
- Unordered 2c
- Unordered 3
**任务列表**
- [x] Task 1
- [ ] Task 2
- [x] Subtask A
- [ ] Subtask B
- [ ] Task 3**有序列表**
1. Ordered 1
1. Ordered 2
1. Ordered 2a
1. Ordered 2b
1. Ordered 2c
1. Ordered 3
**无序列表**
- Unordered 1
- Unordered 2
- Unordered 2a
- Unordered 2b
- Unordered 2c
- Unordered 3
**任务列表**
- [x] Task 1
- [ ] Task 2
- [x] Subtask A
- [ ] Subtask B
- [ ] Task 3引用
- Rendered
This is a quote
- Quote Source
- Markdown
markdown
> This is a quote
>
> *- Quote Source*> This is a quote
>
> *- Quote Source*代码块
- Rendered
This is inline code
javascript
const add = (num1, num2) => num1 + num2;
const total = add(1, 2);
console.log(total); // 3const add = (num1, num2) => num1 + num2;
const total = add(1, 2);
console.log(total); // 3html
<body>
<p>Hello</p>
</body><body>
<p>Hello</p>
</body>- Markdown
markdown
This is `inline code`
```javascript
const add = (num1, num2) => num1 + num2;
const total = add(1, 2);
console.log(total); // 3
```
```html
<body>
<p>Hello</p>
</body>
```This is `inline code`
```javascript
const add = (num1, num2) => num1 + num2;
const total = add(1, 2);
console.log(total); // 3
```
```html
<body>
<p>Hello</p>
</body>
```通知
- Rendered
WARNING
这是一段警告通知
TIP
这是一段提示通知
- Markdown
markdown
:::warning
这是一段警告通知
:::
:::tip
这是一段提示通知
::::::warning
这是一段警告通知
:::
:::tip
这是一段提示通知
:::表格
- Rendered
| Left Align | Center Align | Right Align | Non‑Breaking Header |
|---|---|---|---|
| A1 | A2 | A3 | A4 |
| B1 | B2 | B3 | B4 |
| C1 | C2 | C3 | C4 |
- Markdown
markdown
| Left Align | Center Align | Right Align | Non‑Breaking Header |
| ---------- |:------------:| -----------:| ------------------------------ |
| A1 | A2 | A3 | A4 |
| B1 | B2 | B3 | B4 |
| C1 | C2 | C3 | C4 || Left Align | Center Align | Right Align | Non‑Breaking Header |
| ---------- |:------------:| -----------:| ------------------------------ |
| A1 | A2 | A3 | A4 |
| B1 | B2 | B3 | B4 |
| C1 | C2 | C3 | C4 |键盘
- Rendered
↑ Arrow Up
↓ Arrow Down
← Arrow Left
→ Arrow Right
⇪ Caps Lock
⌘ Command
⌃ Control
⌫ Delete
⌦ Delete (Forward)
↘ End
⌤ Enter
⎋ Escape
↖ Home
⇞ Page Up
⇟ Page Down
⌥ Option, Alt
↵ Return
⇧ Shift
␣ Space
⇥ Tab
⇤ Tab + Shift
- Markdown
markdown
<kbd>↑</kbd> Arrow Up
<kbd>↓</kbd> Arrow Down
<kbd>←</kbd> Arrow Left
<kbd>→</kbd> Arrow Right
<kbd>⇪</kbd> Caps Lock
<kbd>⌘</kbd> Command
<kbd>⌃</kbd> Control
<kbd>⌫</kbd> Delete
<kbd>⌦</kbd> Delete (Forward)
<kbd>↘</kbd> End
<kbd>⌤</kbd> Enter
<kbd>⎋</kbd> Escape
<kbd>↖</kbd> Home
<kbd>⇞</kbd> Page Up
<kbd>⇟</kbd> Page Down
<kbd>⌥</kbd> Option, Alt
<kbd>↵</kbd> Return
<kbd>⇧</kbd> Shift
<kbd>␣</kbd> Space
<kbd>⇥</kbd> Tab
<kbd>⇤</kbd> Tab + Shift<kbd>↑</kbd> Arrow Up
<kbd>↓</kbd> Arrow Down
<kbd>←</kbd> Arrow Left
<kbd>→</kbd> Arrow Right
<kbd>⇪</kbd> Caps Lock
<kbd>⌘</kbd> Command
<kbd>⌃</kbd> Control
<kbd>⌫</kbd> Delete
<kbd>⌦</kbd> Delete (Forward)
<kbd>↘</kbd> End
<kbd>⌤</kbd> Enter
<kbd>⎋</kbd> Escape
<kbd>↖</kbd> Home
<kbd>⇞</kbd> Page Up
<kbd>⇟</kbd> Page Down
<kbd>⌥</kbd> Option, Alt
<kbd>↵</kbd> Return
<kbd>⇧</kbd> Shift
<kbd>␣</kbd> Space
<kbd>⇥</kbd> Tab
<kbd>⇤</kbd> Tab + Shift水平分割线
- Rendered
- Markdown
markdown
------图片
- Rendered
Inline-style
Reference-style
- Markdown
markdown
**Inline**
**Reference**
![alt text][logo]
[logo]: //source.unsplash.com/collection/881815 "Provided by unsplash.com"**Inline**
**Reference**
![alt text][logo]
[logo]: //source.unsplash.com/collection/881815 "Provided by unsplash.com"