文章寫的好，排版不能少
文字插圖片，視覺(jué)疲勞現(xiàn)
編排潤(rùn)潤(rùn)色，流量蹭蹭漲
Markdown是一種輕量級(jí)標(biāo)記語(yǔ)言，簡(jiǎn)單好用。我們建議各位墨友在寫作時(shí)使用Markdown。
?
本篇教程共分為入門小白篇（1節(jié)-8節(jié)） 和 進(jìn)階篇（9節(jié)-13節(jié)），大家可以按需閱讀。
?
目錄導(dǎo)讀
?
入門小白篇
?
1. 快捷鍵
?
（墨天輪Markdown功能圖標(biāo)表）
上述表格中功能的實(shí)現(xiàn)既可以通過(guò)快捷鍵，也可以在墨天輪Markdown通過(guò)??點(diǎn)擊功能圖標(biāo)實(shí)現(xiàn)。
?
2. 字體
2.1 字體、字號(hào)、斜體、加粗
（1）字體：<font face="字體名稱">文字內(nèi)容</font>
示例代碼：
<font face="思源黑體">我是思源黑體</font>
<font face="Times New Roman">我是Times New Roman</font>
示例效果：
我是思源黑體
我是Times New Roman
（2）字號(hào) ：<font size=字號(hào)>文字內(nèi)容</font>可使用字號(hào)的范圍為1-7
?
示例代碼：
<font size=2>給我點(diǎn)個(gè)贊</font>
<font size=4>給我點(diǎn)個(gè)贊</font>
示例效果：
給我點(diǎn)個(gè)贊
給我點(diǎn)個(gè)贊
?
(3) 斜體：*文字內(nèi)容*
?
示例代碼：
*給我點(diǎn)個(gè)贊*
示例效果：
給我點(diǎn)個(gè)贊
?
（4）加粗：**文字內(nèi)容**
?
示例代碼：
**給我點(diǎn)個(gè)贊**
示例效果：
給我點(diǎn)個(gè)贊
?
2.2 字體背景色、顏色
（1）字體背景色：<table><tr><td bgcolor=顏色名稱>文字內(nèi)容</td></tr></table>
?
示例代碼：
<table><tr><td bgcolor=orange>給我點(diǎn)個(gè)贊</td></tr></table>
示例效果：
| 給我點(diǎn)個(gè)贊 |
?
（常用顏色名列表）
（2）字體顏色:<font color=顏色名>文字內(nèi)容</font>
?
示例代碼：
<font color=red>給我點(diǎn)個(gè)贊</font>
<font color=yellow>給我點(diǎn)個(gè)贊</font>
<font color=green>給我點(diǎn)個(gè)贊</font>
示例效果：
給我點(diǎn)個(gè)贊
給我點(diǎn)個(gè)贊
給我點(diǎn)個(gè)贊
?
（3）同時(shí)更改字體大小和顏色：<font color=字體顏色 size=字號(hào)>文字內(nèi)容</font>
?
示例代碼：
<font color=FireBrick size=2>給我點(diǎn)個(gè)贊</font>
<font color=green size=4>給我點(diǎn)個(gè)贊</font>
示例效果：
給我點(diǎn)個(gè)贊
給我點(diǎn)個(gè)贊
?
2.3 刪除線、下劃線
（1）刪除線：~~文字內(nèi)容~~
?
示例代碼：
~~給我點(diǎn)個(gè)贊~~
示例效果：
給我點(diǎn)個(gè)贊
?
（2）下劃線: ++ 文字內(nèi)容++
?
示例代碼：
++給我點(diǎn)個(gè)贊++
示例效果：
給我點(diǎn)個(gè)贊
?
3. 分級(jí)標(biāo)題
分級(jí)標(biāo)題：選中文字內(nèi)容，前面加#, #的個(gè)數(shù)對(duì)應(yīng)標(biāo)題的層級(jí)。
?
示例代碼：
# 一級(jí)標(biāo)題
## 二級(jí)標(biāo)題
### 三級(jí)標(biāo)題
#### 四級(jí)標(biāo)題
##### 五級(jí)標(biāo)題
示例效果：
?
4. 引用
4.1 基本引用：
基本應(yīng)用：在被引用的文本前加上>符號(hào)：> 文字內(nèi)容
?
示例代碼：
> 給我點(diǎn)個(gè)贊
示例效果：
給我點(diǎn)個(gè)贊
?
4.2 嵌套引用
嵌套引用：在基本引用嵌套一個(gè)引用：>> 文字內(nèi)容
?
示例代碼：
>> 給我點(diǎn)個(gè)贊
示例效果：
給我點(diǎn)個(gè)贊
?
5 . 序列
5.1 無(wú)序列表
無(wú)序列表：排列不具有順序性：- 文字內(nèi)容
?
示例代碼：
- 給我點(diǎn)個(gè)贊
示例效果：
- 給我點(diǎn)個(gè)贊
?
5.2 有序列表
有序列表：數(shù)據(jù)排列有順序：序號(hào)+文字內(nèi)容
?
示例代碼：
1. 給我點(diǎn)個(gè)贊
2. 給我點(diǎn)個(gè)贊
3. 給我點(diǎn)個(gè)贊
示例效果：
- 給我點(diǎn)個(gè)贊
- 給我點(diǎn)個(gè)贊
- 給我點(diǎn)個(gè)贊
?
6 . 代碼塊
代碼塊：需要在代碼塊前面增加三個(gè)點(diǎn)+語(yǔ)言+回車+三個(gè)點(diǎn)+回車。
?
示例代碼：
示例效果：
select * from tab;
?
7. 插入鏈接
7.1 插入自動(dòng)鏈接
- 插入自動(dòng)鏈接：用<>括起來(lái)，自動(dòng)生成鏈接：
<鏈接>
?
示例代碼：
<http://m.sunline.cc/db/157865>
示例效果：
http://m.sunline.cc/db/157865
?
- 插入鏈接描述：把鏈接地址顯示成鏈接描述
[鏈接描述](鏈接地址)
示例代碼：
[墨天輪官網(wǎng)](http://m.sunline.cc/)
示例效果：
?
7.2 插入圖片鏈接
插入圖片鏈接：
?
示例代碼：
?
7.3 圖片加超鏈接
插入圖片鏈接：[](超鏈接)
?
示例代碼：
[](http://m.sunline.cc/)
示例效果：
?
8. 表格
表格：可以通過(guò)增加或減少“|”來(lái)增加或減少列數(shù)和行數(shù)。
?
示例代碼：
學(xué)號(hào)|姓名|分?jǐn)?shù)
-|-|-|
1|小明|78
2|小紅|98
3|小綠|87
示例效果：
| 學(xué)號(hào) | 姓名 | 分?jǐn)?shù) |
|---|---|---|
| 1 | 小明 | 78 |
| 2 | 小紅 | 98 |
| 3 | 小綠 | 87 |
?
進(jìn)階篇
?
9. 目錄
?
文章所有的標(biāo)題層級(jí)按markdown語(yǔ)法寫，最后在任意位置輸入相應(yīng)代碼獨(dú)占一行，自動(dòng)生成目錄。
?
示例代碼：
@[toc]
示例效果：
10. 圖片大小、位置
10.1 圖片大小
（1）更改width和height的數(shù)值來(lái)更改圖片長(zhǎng)、寬：<img src="圖片鏈接" width = "數(shù)值" height = "數(shù)值">
?
示例代碼：
<img src="https://oss-emcsprod-public.modb.pro/image/editor/20211201-aeb1e01f-2d43-4bdb-8651-af799ef35dec.png" width = "100" height = "40" >
<img src="https://oss-emcsprod-public.modb.pro/image/editor/20211201-aeb1e01f-2d43-4bdb-8651-af799ef35dec.png" width = "150" height = "90" >
示例效果：
?
（1）更改width和height的百分比來(lái)更改圖片長(zhǎng)、寬：<img src="圖片鏈接" width = 原圖百分比數(shù)值% height = 原圖百分比數(shù)值% />
示例代碼：
<img src="https://oss-emcsprod-public.modb.pro/image/editor/20211201-aeb1e01f-2d43-4bdb-8651-af799ef35dec.png" width = 20% height = 10% />
<img src="https://oss-emcsprod-public.modb.pro/image/editor/20211201-aeb1e01f-2d43-4bdb-8651-af799ef35dec.png" width = 40% height =20% />
示例效果：
?
10.2 圖片位置
改變圖片位置：位置代碼可替換成left（居左）、 center（居中）、 right(居右）
?
示例代碼：
::: hljs-center
<img src="https://oss-emcsprod-public.modb.pro/image/editor/20211201-aeb1e01f-2d43-4bdb-8651-af799ef35dec.png"/>
:::
::: hljs-left
<img src="https://oss-emcsprod-public.modb.pro/image/editor/20211201-aeb1e01f-2d43-4bdb-8651-af799ef35dec.png"/>
:::
?
示例效果：
?
?
10.3 同時(shí)更改圖片大小和位置
?
示例代碼：
?
::: hljs-center
<img src="https://oss-emcsprod-public.modb.pro/image/editor/20211201-aeb1e01f-2d43-4bdb-8651-af799ef35dec.png" width = 20% height = 10% />
:::
::: hljs-left
<img src="https://oss-emcsprod-public.modb.pro/image/editor/20211201-aeb1e01f-2d43-4bdb-8651-af799ef35dec.png" width = 40% height =20% />
:::
?
示例效果：
?
?
11. 分割線
在一行中用三個(gè)以上的星號(hào)(*)、減號(hào)(-)、底線(_)來(lái)建立一個(gè)分隔線，行內(nèi)不能有其他內(nèi)容。*** --- _ _ _
?
示例代碼：
***
---
_ _ _
示例效果：
12. 換行、縮進(jìn)
12.1 換行
?
要想換行，可以點(diǎn)擊 回車鍵 還可以鍵入 來(lái)實(shí)現(xiàn)。
示例代碼：
給我點(diǎn)個(gè)贊
給我點(diǎn)個(gè)贊
示例效果：
?
給我點(diǎn)個(gè)贊
?
給我點(diǎn)個(gè)贊
?
12.2 縮進(jìn)
縮進(jìn)1/4 個(gè)中文; ??   縮進(jìn)1/2個(gè)中文;??  縮進(jìn)1個(gè)中文
示例代碼：
給我點(diǎn)個(gè)贊
 給我點(diǎn)個(gè)贊
 給我點(diǎn)個(gè)贊
示例效果：
?給我點(diǎn)個(gè)贊
?給我點(diǎn)個(gè)贊
?給我點(diǎn)個(gè)贊
13. 注腳
在需要添加注腳的文字后加上腳注名字[^注腳名字],稱為加注。 然后在文本的任意位置(一般在最后)添加腳注，腳注前必須有對(duì)應(yīng)的腳注名字。
示例代碼：
給我點(diǎn)個(gè)贊。[^1]
[^1]:來(lái)源于[http://m.sunline.cc/](墨天輪)
示例效果：
?
??學(xué)習(xí)了5分鐘，快去編寫文章檢驗(yàn)學(xué)習(xí)成果吧！本篇教程，建議點(diǎn)贊收藏喲！
?
?
??更多閱讀：
@所有DBA，墨力計(jì)劃已開(kāi)啟，寫出我精彩！http://m.sunline.cc/db/142952
