共计 3347 个字符，预计需要花费 9 分钟才能阅读完成。
原文地址：https://www.wjcms.net/archive…
写在后面的话
写在越来越多的人应用 markdown 编辑器，是因为它比拟简洁方便快捷，能满足大家的须要，明天咱们就一起来看一下 markdown 的根本语法。
特地提醒：前面都须要加上半角空格才失效。
题目
在想要设置为题目的文字后面加# 来示意，一个 #是一级题目，二个# 是二级题目，以此类推。反对六级题目。
示例：
# 题目 H1
## 题目 H2
### 题目 H3
#### 题目 H4
##### 题目 H5
###### 题目 H5成果如下：
题目 H1
题目 H2
题目 H3
题目 H4
题目 H5
题目 H5
字符成果和横线等
实例：
----
~~ 删除线~~ <s> 删除线（开启辨认 HTML 标签时）</s>
* 斜体字 * _斜体字_
** 粗体 ** __粗体__
*** 粗斜体 *** ___粗斜体___
上标：X<sub>2</sub>，下标：O<sup>2</sup>
** 缩写(同 HTML 的 abbr 标签)**
> 即更长的单词或短语的缩写模式，前提是开启辨认 HTML 标签时，已默认开启
The <abbr title="Hyper Text Markup Language">HTML</abbr> specification is maintained by the <abbr title="World Wide Web Consortium">W3C</abbr>.成果如下：
字符成果和横线等
删除线 <s> 删除线（开启辨认 HTML 标签时）</s>
斜体字 斜体字
粗体 粗体
粗斜体 粗斜体
上标：X2，下标：O2
缩写(同 HTML 的 abbr 标签)
即更长的单词或短语的缩写模式，前提是开启辨认 HTML 标签时，已默认开启
The <abbr title=”Hyper Text Markup Language”>HTML</abbr> specification is maintained by the <abbr title=”World Wide Web Consortium”>W3C</abbr>.
援用 Blockquotes
在援用的文字前加 > 即可。援用也能够嵌套，如加两个 >> 三个 >>>
实例：
> 援用文本 Blockquotes
> 援用：如果想要插入空白换行 ` 即 <br /> 标签 `，在插入处先键入两个以上的空格而后回车即可，[一般链接](https://www.wjcms.net/)。成果如下：
援用文本 Blockquotes
援用：如果想要插入空白换行
即 <br /> 标签，在插入处先键入两个以上的空格而后回车即可，一般链接。
锚点与链接 Links
实例：
[一般链接](https://www.wjcms.net/)
[一般链接带题目](https://www.wjcms.net/ "一般链接带题目")
间接链接：<https://www.wjcms.net/>
[锚点链接][maodian-id]
[maodian-id]: https://www.wjcms.net/
[mailto:wjcms@qq.com](mailto:wjcms@qq.com)
GFM a-tail link @wjcms
邮箱地址主动链接 wjcms@qq.com www@vip.qq.com
> @wjcms成果如下：
一般链接
一般链接带题目
间接链接：https://www.wjcms.net/
锚点链接
mailto:wjcms@qq.com
GFM a-tail link @wjcms
邮箱地址主动链接 wjcms@qq.com www@vip.qq.com
@wjcms
多语言代码高亮 Codes
行内代码 Inline code
执行命令：`npm install`成果：
执行命令：npm install
缩进格调
即缩进四个空格，也做为实现相似 <pre> 预格式化文本 (Preformatted Text) 的性能。
<?php
echo "Hello world!";
?>预格式化文本：
| First Header | Second Header |
| ------------- | ------------- |
| Content Cell | Content Cell |
| Content Cell | Content Cell |
JS 代码
function test() {console.log("Hello world!");
}HTML 代码 HTML codes
<!DOCTYPE html>
<html>
<head>
<mate charest="utf-8" />
<meta name="keywords" content="Editor.md, Markdown, Editor" />
<title>Hello world!</title>
<style type="text/css">
body{font-size:14px;color:#444;font-family: "Microsoft Yahei", Tahoma, "Hiragino Sans GB", Arial;background:#fff;}
ul{list-style: none;}
img{border:none;vertical-align: middle;}
</style>
</head>
<body>
<h1 class="text-xxl">Hello world!</h1>
<p class="text-green">Plain text</p>
</body>
</html>图片
语法：
图片 alt 就是显示在图片上面的文字，相当于对图片内容的解释。图片 title 是图片的题目，当鼠标移到图片上时显示的内容。title 可加可不加
示例：成果如下：
列表
无序列表（减号）Unordered Lists (-)
- 列表一
- 列表二
- 列表三成果：
- 列表一
- 列表二
- 列表三
无序列表（星号）Unordered Lists (*)
* 列表一
* 列表二
* 列表三成果：
- 列表一
- 列表二
- 列表三
无序列表（加号和嵌套）Unordered Lists (+)
+ 列表一
+ 列表二
+ 列表二 -1
+ 列表二 -2
+ 列表二 -3
+ 列表三
* 列表一
* 列表二
* 列表三成果：
- 列表一
-
列表二
- 列表二 -1
- 列表二 -2
- 列表二 -3
-
列表三
- 列表一
- 列表二
- 列表三
有序列表 Ordered Lists (-)
1. 第一行
2. 第二行
3. 第三行成果：
- 第一行
- 第二行
- 第三行
GFM task list
- [x] GFM task list 1
- [x] GFM task list 2
- [ ] GFM task list 3
- [ ] GFM task list 3-1
- [ ] GFM task list 3-2
- [ ] GFM task list 3-3
- [ ] GFM task list 4
- [ ] GFM task list 4-1
- [] GFM task list 4-2成果：
- [x] GFM task list 1
- [x] GFM task list 2
-
[] GFM task list 3
- [] GFM task list 3-1
- [] GFM task list 3-2
- [] GFM task list 3-3
-
[] GFM task list 4
- [] GFM task list 4-1
- [] GFM task list 4-2
绘制表格 Tables
语法：
表头 | 表头 | 表头
---|:--:|---:
内容 | 内容 | 内容
内容 | 内容 | 内容
| 我的项目 | 价格 | 数量 |
| -------- | -----: | :----: |
| 计算机 | $1600 | 5 |
| 手机 | $12 | 12 |
| 管线 | $1 | 234 |成果：
| 我的项目 | 价格 | 数量 |
|---|---|---|
| 计算机 | $1600 | 5 |
| 手机 | $12 | 12 |
| 管线 | $1 | 234 |
特殊符号 HTML Entities Codes
© & ¨ ™ ¡ £
& < > ¥ € ® ± ¶ § ¦ ¯ « ·
X² Y³ ¾ ¼ × ÷ »
18ºC " '成果：
© & ¨ ™ ¡ £
& < > ¥ € ® ± ¶ § ¦ ¯ « ·
X² Y³ ¾ ¼ × ÷ »
18ºC ” ‘
绘制流程图 Flowchart
st=>start: 用户登陆
op=>operation: 登陆操作
cond=>condition: 登陆胜利 Yes or No?
e=>end: 进入后盾
st->op->cond
cond(yes)->e
cond(no)->op成果如下：