CSDN Markdown編輯器幫助文檔

如果你想學習如何使用Markdown編輯器, 可以仔細閱讀這篇文章，瞭解一下Markdown的基本語法知識。

文字顏色、字體、大小與背景色的設置

1. 顏色

<font color="#63B8FF">文字顏色：#63B8FF</font>

效果：文字顏色

2. 字體

<font face="黑體">我是黑體字</font>

效果：我是黑體字

3. 大小

<font size="3">size取值範圍1~7，瀏覽器默認爲3</font>

效果：size取值範圍1~7，瀏覽器默認爲3

4.背景色

<table><tr><td bgcolor=#D1EEEE>背景色是十六進制顏色碼：#D1EEEE</td></tr></table>

效果：

背景色是十六進制顏色碼：#D1EEEE

文字對齊設置

1.左對齊

<p align="left">左對齊</p>

效果：

左對齊

2.居中

<center>居中</center>

效果：

居中

3.右對齊

<p align="right">右對齊</p>

效果：

右對齊

生成目錄

在博客的開頭寫如下內容，它將會根據文章創建的標題生成一個帶有鏈接的目錄。

@[TOC](這裏寫自定義目錄標題)

創建標題

直接輸入1次#，並按下space後，將生成1級標題。
輸入2次#，並按下space後，將生成2級標題。
以此類推，我們支持6級標題。有助於使用TOC語法後生成一個完美的目錄。

# 1級標題
## 2級標題
### 3級標題

改變文本的樣式

*強調文本* _強調文本_

**加粗文本** __加粗文本__

==標記文本==

~~刪除文本~~

> 引用文本

H~2~O is是液體。

2^10^ 運算結果是 1024.

效果：

強調文本 強調文本

加粗文本 加粗文本

標記文本

刪除文本

引用文本

H₂O is是液體。

2¹⁰ 運算結果是 1024.

插入鏈接與圖片

1.插入link

[鏈接描述](鏈接地址)
如：[博客文章管理](https://mp.csdn.net)

效果：博客文章管理

2.插入圖片

當然，爲了讓用戶更加便捷，也增加了本地圖片拖拽的功能。
Markdown寫法如下（根據需求在圖片鏈接末尾修改參數即可）

圖片：![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw)
帶尺寸的圖片：![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw =30x30)
居中的圖片:![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center)
居中並且帶尺寸的圖片:![Alt]
(https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center)

效果：
圖片:

帶尺寸的圖片:

居中的圖片:

居中並且帶尺寸的圖片:

插入一段漂亮的代碼片

去博客設置頁面，選擇一款你喜歡的代碼片高亮樣式，下面展示同樣高亮的 代碼片。

// An highlighted block
var foo = 'bar';

生成列表

- 項目
  - 項目
    - 項目

1. 項目1
2. 項目2
3. 項目3

- [ ] 計劃任務
- [x] 完成任務

效果：

• 項目
  • 項目
    • 項目

1. 項目1
2. 項目2
3. 項目3

• 計劃任務
• 完成任務

創建表格

項目     | Value
-------- | -----
電腦  | $1600
手機  | $12
導管  | $1

效果：

項目	Value
電腦	$1600
手機	$12
導管	$1

1.設定內容居中、居左、居右

使用:---------:居中
使用:----------居左
使用----------:居右

| 第一列       | 第二列         | 第三列        |
|:-----------:| -------------:|:-------------|
| 第一列文本居中 | 第二列文本居右  | 第三列文本居左 | 

效果：

第一列	第二列	第三列
第一列文本居中	第二列文本居右	第三列文本居左

2.SmartyPants

SmartyPants將ASCII標點字符轉換爲“智能”印刷標點HTML實體。

|    TYPE   |ASCII                          |HTML                         
|----------------|-------------------------------|-----------------------------|
|Single backticks|`'Isn't this fun?'`            |'Isn't this fun?'            |
|Quotes          |`"Isn't this fun?"`            |"Isn't this fun?"            |
|Dashes          |`-- is en-dash, --- is em-dash`|-- is en-dash, --- is em-dash|

效果：

TYPE	ASCII	HTML
Single backticks	'Isn't this fun?'	‘Isn’t this fun?’
Quotes	"Isn't this fun?"	“Isn’t this fun?”
Dashes	-- is en-dash, --- is em-dash	– is en-dash, — is em-dash

創建自定義列表

Markdown
:  Text-to-HTML conversion tool

Authors
:  John
:  Luke

效果：

Markdown

Text-to-HTML conversion tool

Authors

John

Luke

創建註腳

一個具有註腳的文本。[^1]
[^1]: 註腳1的解釋

效果：

一個具有註腳的文本。¹

註釋

Markdown將文本轉換爲 HTML。
*[HTML]: 超文本標記語言的註釋

效果：
Markdown將文本轉換爲 HTML。（鼠標指向HTML即可查看它的註釋）

導出與導入

1.導出

當你完成了一篇文章的寫作, 在上方工具欄找到 導出 ，生成一個.md文件或者.html文件進行本地保存。

2.導入

如果你想加載一篇你寫過的.md文件，在上方工具欄可以選擇 導入功能 進行對應擴展名的文件導入，繼續你的創作。

---

1. 註腳1的解釋 ↩︎