這里寫自定義目錄標(biāo)題
歡迎使用Markdown編輯器
新的改變
功能快捷鍵
合理的創(chuàng)建標(biāo)題，有助于目錄的生成
如何改變文本的樣式
插入鏈接與圖片
如何插入一段漂亮的代碼片
生成一個(gè)適合你的列表
創(chuàng)建一個(gè)表格
設(shè)定內(nèi)容居中、居左、居右
SmartyPants
創(chuàng)建一個(gè)自定義列表
如何創(chuàng)建一個(gè)注腳
注釋也是必不可少的
KaTeX數(shù)學(xué)公式
新的甘特圖功能，豐富你的文章
UML 圖表
FLowchart流程圖
導(dǎo)出與導(dǎo)入
導(dǎo)出
導(dǎo)入
歡迎使用Markdown編輯器
你好！ 這是你第一次使用 Markdown編輯器 所展示的歡迎頁(yè)。如果你想學(xué)習(xí)如何使用Markdown編輯器, 可以仔細(xì)閱讀這篇文章，了解一下Markdown的基本語(yǔ)法知識(shí)。

新的改變
我們對(duì)Markdown編輯器進(jìn)行了一些功能拓展與語(yǔ)法支持，除了標(biāo)準(zhǔn)的Markdown編輯器功能，我們?cè)黾恿巳缦聨c(diǎn)新功能，幫助你用它寫博客：

全新的界面設(shè)計(jì) ，將會(huì)帶來(lái)全新的寫作體驗(yàn)；
在創(chuàng)作中心設(shè)置你喜愛(ài)的代碼高亮樣式，Markdown 將代碼片顯示選擇的高亮樣式 進(jìn)行展示；
增加了 圖片拖拽 功能，你可以將本地的圖片直接拖拽到編輯區(qū)域直接展示；
全新的 KaTeX數(shù)學(xué)公式 語(yǔ)法；
增加了支持甘特圖的mermaid語(yǔ)法1 功能；
增加了 多屏幕編輯 Markdown文章功能；
增加了 焦點(diǎn)寫作模式、預(yù)覽模式、簡(jiǎn)潔寫作模式、左右區(qū)域同步滾輪設(shè)置 等功能，功能按鈕位于編輯區(qū)域與預(yù)覽區(qū)域中間；
增加了 檢查列表 功能。
功能快捷鍵
撤銷：Ctrl/Command + Z
重做：Ctrl/Command + Y
加粗：Ctrl/Command + B
斜體：Ctrl/Command + I
標(biāo)題：Ctrl/Command + Shift + H
無(wú)序列表：Ctrl/Command + Shift + U
有序列表：Ctrl/Command + Shift + O
檢查列表：Ctrl/Command + Shift + C
插入代碼：Ctrl/Command + Shift + K
插入鏈接：Ctrl/Command + Shift + L
插入圖片：Ctrl/Command + Shift + G
查找：Ctrl/Command + F
替換：Ctrl/Command + G

合理的創(chuàng)建標(biāo)題，有助于目錄的生成
直接輸入1次#，并按下space后，將生成1級(jí)標(biāo)題。
輸入2次#，并按下space后，將生成2級(jí)標(biāo)題。
以此類推，我們支持6級(jí)標(biāo)題。有助于使用TOC語(yǔ)法后生成一個(gè)完美的目錄。

如何改變文本的樣式
強(qiáng)調(diào)文本 強(qiáng)調(diào)文本

加粗文本 加粗文本

標(biāo)記文本

刪除文本

引用文本

H2O is是液體。

210 運(yùn)算結(jié)果是 1024.

插入鏈接與圖片
鏈接: link.

圖片:?

帶尺寸的圖片:?

居中的圖片:

居中并且?guī)С叽绲膱D片:

當(dāng)然，我們?yōu)榱俗層脩舾颖憬?#xff0c;我們?cè)黾恿藞D片拖拽功能。

如何插入一段漂亮的代碼片
去博客設(shè)置頁(yè)面，選擇一款你喜歡的代碼片高亮樣式，下面展示同樣高亮的 代碼片.

// An highlighted block
var foo = 'bar';
1
2
生成一個(gè)適合你的列表
項(xiàng)目
項(xiàng)目
項(xiàng)目
項(xiàng)目1
項(xiàng)目2
項(xiàng)目3
?計(jì)劃任務(wù)
?完成任務(wù)
創(chuàng)建一個(gè)表格
一個(gè)簡(jiǎn)單的表格是這么創(chuàng)建的：

項(xiàng)目?? ?Value
電腦?? ?$1600
手機(jī)?? ?$12
導(dǎo)管?? ?$1
設(shè)定內(nèi)容居中、居左、居右
使用:---------:居中
使用:----------居左
使用----------:居右

第一列?? ?第二列?? ?第三列
第一列文本居中?? ?第二列文本居右?? ?第三列文本居左
SmartyPants
SmartyPants將ASCII標(biāo)點(diǎn)字符轉(zhuǎn)換為“智能”印刷標(biāo)點(diǎn)HTML實(shí)體。例如：

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
創(chuàng)建一個(gè)自定義列表
Markdown
Text-to- HTML conversion tool
Authors
John
Luke
如何創(chuàng)建一個(gè)注腳
一個(gè)具有注腳的文本。2

注釋也是必不可少的
Markdown將文本轉(zhuǎn)換為 HTML。

KaTeX數(shù)學(xué)公式
您可以使用渲染LaTeX數(shù)學(xué)表達(dá)式 KaTeX:

Gamma公式展示 Γ ( n ) = ( n ? 1 ) ! ? n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb NΓ(n)=(n?1)!?n∈N 是通過(guò)歐拉積分

Γ ( z ) = ∫ 0 ∞ t z ? 1 e ? t d t ??. \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
Γ(z)=∫?
0
∞
?
?t?
z?1
?e?
?t
?dt.

你可以找到更多關(guān)于的信息 LaTeX 數(shù)學(xué)表達(dá)式here.

新的甘特圖功能，豐富你的文章
2014-01-07
2014-01-09
2014-01-11
2014-01-13
2014-01-15
2014-01-17
2014-01-19
2014-01-21
已完成
進(jìn)行中
計(jì)劃一
計(jì)劃二
現(xiàn)有任務(wù)
Adding GANTT diagram functionality to mermaid
關(guān)于 甘特圖 語(yǔ)法，參考 這兒,
UML 圖表
可以使用UML圖表進(jìn)行渲染。 Mermaid. 例如下面產(chǎn)生的一個(gè)序列圖：

張三
李四
王五
你好！李四, 最近怎么樣?
你最近怎么樣，王五？
我很好，謝謝!
我很好，謝謝!
李四想了很長(zhǎng)時(shí)間, 文字太長(zhǎng)了
不適合放在一行.
打量著王五...
很好... 王五, 你怎么樣?
張三
李四
王五
這將產(chǎn)生一個(gè)流程圖。:

鏈接
長(zhǎng)方形
圓
圓角長(zhǎng)方形
菱形
關(guān)于 Mermaid 語(yǔ)法，參考 這兒,
FLowchart流程圖
我們依舊會(huì)支持flowchart的流程圖：

開(kāi)始
我的操作
確認(rèn)？
結(jié)束
yes
no
關(guān)于 Flowchart流程圖 語(yǔ)法，參考 這兒.
導(dǎo)出與導(dǎo)入
導(dǎo)出
如果你想嘗試使用此編輯器, 你可以在此篇文章任意編輯。當(dāng)你完成了一篇文章的寫作, 在上方工具欄找到 文章導(dǎo)出 ，生成一個(gè).md文件或者.html文件進(jìn)行本地保存。

導(dǎo)入
如果你想加載一篇你寫過(guò)的.md文件，在上方工具欄可以選擇導(dǎo)入功能進(jìn)行對(duì)應(yīng)擴(kuò)展名的文件導(dǎo)入，
繼續(xù)你的創(chuàng)作。

mermaid語(yǔ)法說(shuō)明 ??

注腳的解釋

https://blog.csdn.net/Lemon_C17y/article/details/136414567