【Tools系列】之Markdown编辑实用小技巧（持续更新ing）

Date: 2018.9.13

---

1、参考：

https://www.jianshu.com/p/61f6e84619de
https://www.jianshu.com/p/191d1e21f7ed
https://blog.csdn.net/manjianchao/article/details/53668280

2、添加空格

1. 手动输入空格 （&nbsp；）。注意！此时的分号为英文分号；
2. 使用全角空格。即：在全角输入状态下直接使用空格键就ok了。

3、添加超链接

[超链接名](超链接地址 "超链接title")
title可加可不加

举个栗子：
我的CSDN主页
百度

注：markdown本身语法不支持链接在新页面中打开，如果想要在新页面中打开的话可以用html语言的a标签代替。
比如：

采用a标签的CSDN主页

4、添加标题

我是一级标题

我是二级标题

我是三级标题

我是四级标题

我是五级标题

我是六级标题

5、设置字体大小、颜色、背景色、粗体等属性

1. 加粗
   要加粗的文字左右分别用两个*号包起来
   我是粗体

2. 斜体
   要倾斜的文字左右分别用一个*号包起来
   我是斜体

3. 斜体加粗
   要倾斜和加粗的文字左右分别用三个*号包起来
   我是斜体加粗

4. 删除线
   要加删除线的文字左右分别用两个~~号包起来
   我是删除线

5. 设置字体颜色
   我是红色的
   我是绿色的
   我是蓝色的
   我是紫色的

6. 设置字体大小
   size为1：size为1
   size为2：size为2
   size为3：size为3
   size为4：size为4
   size为10：size为10
   

7. 设置字体类型
   我是黑体字
   我是宋体字
   我是微软雅黑字
   我是fantasy字
   我是Helvetica字
   

8. 设置背景色

背景色的设置是按照十六进制颜色值：#7FFFD4

背景色的设置是按照十六进制颜色值：#FF83FA

背景色的设置是按照十六进制颜色值：#D1EEEE

背景色的设置是按照十六进制颜色值：#C0FF3E

背景色的设置是按照十六进制颜色值：#54FF9F

6、添加横线

三个或者三个以上的 - 或者 * 都可以。

---

---

7、列表格

表头|表头|表头
---|:--:|---:
内容|内容|内容
内容|内容|内容

第二行分割表头和内容。
- 有一个就行，为了对齐，多加了几个
文字默认居左
-两边加：表示文字居中
-右边加：表示文字居右
注：原生的语法两边都要用 | 包起来。此处省略

举个栗子：

速度	时间	比例
10	20	0.5
20	30	0.2

8、引用

在引用的文字前加>即可。引用也可以嵌套，如加两个>>三个>>>
n个…

9、添加图片

![图片alt](图片地址 ''图片title'')

图片alt就是显示在图片下面的文字，相当于对图片内容的解释。
图片title是图片的标题，当鼠标移到图片上时显示的内容。title可加可不加

10、列表

语法：
无序列表用 - + * 任何一种都可以，注意：- + * 跟内容之间都要有一个空格。

-无序列表1

• 无序列表2
• 无序列表3
  **有序列表：**数字加点

1. 有序列表1
2. 有序列表2
3. 有序列表3

11、代码

语法：
单行代码：代码之间分别用一个反引号包起来

`code`

代码块：代码之间分别用三个反引号包起来，且两边的反引号单独占一行

  code...
  code...
  code...

12、流程图

flow
st=>start: 开始
op=>operation: My Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op
&

13、表格中合并单元格效果

参考自：https://blog.csdn.net/loongshawn/article/details/72829090?ref=myread
主要用到了HTML的一个标签：

• rowspan：规定单元格可横跨的行数。横跨几行属性值就写几，如上图中横跨7行，则rowspan=”7”
• colspan：规定单元格可纵深的列数。

一、合并行

<table>
    <tr>
        <td>列一</td> 
        <td>列一</td> 
   </tr>
    <tr>
        <td colspan="2">合并行</td>    
    </tr>
    <tr>
        <td colspan="2">合并行</td>    
    </tr>
</table>

列一	列一
合并行
合并行

二、合并列

<table>
    <tr>
        <td>列一</td> 
        <td>列二</td> 
   </tr>
    <tr>
        <td rowspan="2">合并列</td>    
        <td >行二列二</td>  
    </tr>
    <tr>
        <td >行三列二</td>  
    </tr>
</table>

列一	列二
合并列	行二列二
	行三列二

N、持续更新ing…

---

THE END!