原文地址：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:[email protected]](mailto:[email protected]) GFM a-tail link @wjcms 邮箱地址主动链接 [email protected] [email protected] > @wjcms
成果如下：
一般链接
一般链接带题目
间接链接：https://www.wjcms.net/
锚点链接
mailto:[email protected]
GFM a-tail link @wjcms
邮箱地址主动链接 [email protected] [email protected]
@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代码
<code class="javascript">function test() {
console.log("Hello world!");
}
HTML 代码 HTML codes
<code class="html"><!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
<code class="flow">st=>start: 用户登陆 op=>operation: 登陆操作 cond=>condition: 登陆胜利 Yes or No? e=>end: 进入后盾 st->op->cond cond(yes)->e cond(no)->op
成果如下：
转载请注明原文链接：五分钟学会markdown基本语法
