歡迎使用Markdown編輯器
- 新的改變
- 功能快捷鍵
- 合理的創建標題，有助于目錄的生成
- 如何改變文本的樣式
- 插入鏈接與圖片
- 如何插入一段漂亮的代碼片
- 生成一個適合你的串列
- 創建一個表格
  - 設定內容居中、居左、居右
  - SmartyPants
- 創建一個自定義串列
- 如何創建一個注腳
- 注釋也是必不可少的
- KaTeX數學公式
- 新的甘特圖功能，豐富你的文章
- UML 圖表
- FLowchart流程圖
- 匯出與匯入
  - 匯出
  - 匯入

歡迎使用Markdown編輯器

你好！這是你第一次使用 Markdown編輯器 所展示的歡迎頁，如果你想學習如何使用Markdown編輯器, 可以仔細閱讀這篇文章，了解一下Markdown的基本語法知識，

新的改變

我們對Markdown編輯器進行了一些功能拓展與語法支持，除了標準的Markdown編輯器功能，我們增加了如下幾點新功能，幫助你用它寫博客：

全新的界面設計 ，將會帶來全新的寫作體驗；
在創作中心設定你喜愛的代碼高亮樣式，Markdown 將代碼片顯示選擇的高亮樣式 進行展示；
增加了 圖片拖拽 功能，你可以將本地的圖片直接拖拽到編輯區域直接展示；
全新的 KaTeX數學公式 語法；
增加了支持甘特圖的mermaid語法^[1] 功能；
增加了 多螢屏編輯 Markdown文章功能；
增加了 焦點寫作模式、預覽模式、簡潔寫作模式、左右區域同步滾輪設定 等功能，功能按鈕位于編輯區域與預覽區域中間；
增加了 檢查串列 功能，

功能快捷鍵

撤銷：Ctrl/Command + Z
重做：Ctrl/Command + Y
加粗：Ctrl/Command + B
斜體：Ctrl/Command + I
標題：Ctrl/Command + Shift + H
無序串列：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

合理的創建標題，有助于目錄的生成

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

如何改變文本的樣式

強調文本 強調文本

加粗文本 加粗文本

標記文本

~~洗掉文本~~

參考文本

H₂O is是液體，

2¹⁰ 運算結果是 1024.

插入鏈接與圖片

鏈接: link.

圖片: Alt

帶尺寸的圖片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw =30x30)

居中的圖片: Alt

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

當然，我們為了讓用戶更加便捷，我們增加了圖片拖拽功能，

如何插入一段漂亮的代碼片

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

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

生成一個適合你的串列

專案
- 專案
  - 專案

專案1
專案2
專案3

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

創建一個表格

一個簡單的表格是這么創建的：

專案	Value
電腦	$1600
手機	$12
導管	$1

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

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

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

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

創建一個自定義串列

Markdown: Text-to-HTML conversion tool
Authors: John; Luke

如何創建一個注腳

一個具有注腳的文本，^[2]

注釋也是必不可少的

Markdown將文本轉換為 HTML，

KaTeX數學公式

您可以使用渲染LaTeX數學運算式 KaTeX:

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

$$
\Gamma(z) = \int_0^\infty t^{z-1}e{-t}dt,.
$$

你可以找到更多關于的資訊 LaTeX 數學運算式here.

新的甘特圖功能，豐富你的文章

gantt dateFormat YYYY-MM-DD title Adding GANTT diagram functionality to mermaid section 現有任務已完成 :done, des1, 2014-01-06,2014-01-08 進行中 :active, des2, 2014-01-09, 3d 計劃一 : des3, after des2, 5d 計劃二 : des4, after des3, 5d

關于 甘特圖 語法，參考這兒,

UML 圖表

可以使用UML圖表進行渲染， Mermaid. 例如下面產生的一個序列圖：

sequenceDiagram 張三 ->> 李四: 你好！李四, 最近怎么樣? 李四-->>王五: 你最近怎么樣，王五？李四--x 張三: 我很好，謝謝! 李四-x 王五: 我很好，謝謝! Note right of 王五: 李四想了很長時間, 文字太長了<br/>不適合放在一行. 李四-->>張三: 打量著王五... 張三->>王五: 很好... 王五, 你怎么樣?

這將產生一個流程圖，:

graph LR A[長方形] -- 鏈接 --> B((圓)) A --> C(圓角長方形) B --> D{菱形} C --> D

關于 Mermaid 語法，參考這兒,

FLowchart流程圖

我們依舊會支持flowchart的流程圖：

flowchat st=>start: 開始 e=>end: 結束 op=>operation: 我的操作 cond=>condition: 確認？ st->op->cond cond(yes)->e cond(no)->op

關于 Flowchart流程圖 語法，參考這兒.

匯出與匯入

匯出

如果你想嘗試使用此編輯器, 你可以在此篇文章任意編輯，當你完成了一篇文章的寫作, 在上方工具列找到 文章匯出 ，生成一個.md檔案或者.html檔案進行本地保存，

匯入

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

mermaid語法說明 ??
注腳的解釋 ??

轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/285669.html

標籤：其他

上一篇：友盟+《小程式用戶增長白皮書》：從五個角度入手分析小程式資料

下一篇：HO引擎近況20210522

Markdown語法的基本使用