【 Markdown 】Markdown 编辑器语法常用格式 ( 整理中 ... )
文章目錄
- 一. MarkDown 常用語法
- 1. 標題相關語法
- (1) 標題模板
- (2) 插入目錄
- 2. 字體相關
- (1) 字體設置
- (2) 常用顏色值速查
- 3. 插入代碼
- (1) 單行代碼
- (2) 多行代碼
- 二. LaTex 數學公式
- (1) 行內公式
- (2) 塊級公式
- 2. 希臘字母
- 三.CSDN 官方示例
- 歡迎使用Markdown編輯器
- 新的改變
- 功能快捷鍵
- 合理的創建標題,有助于目錄的生成
- 如何改變文本的樣式
- 插入鏈接與圖片
- 如何插入一段漂亮的代碼片
- 生成一個適合你的列表
- 創建一個表格
- 設定內容居中、居左、居右
- SmartyPants
- 創建一個自定義列表
- 如何創建一個注腳
- 注釋也是必不可少的
- KaTeX數學公式
- 新的甘特圖功能,豐富你的文章
- UML 圖表
- FLowchart流程圖
- 導出與導入
- 導出
- 導入
一. MarkDown 常用語法
1. 標題相關語法
(1) 標題模板
博客常用標題格式 :
<br> <br> <br># N. 標題n<br> <br>## n. 標題n<br>### ( n ) 標題n<br>**<font color=red>字體顏色</font>** ----------效果展示 :
(2) 插入目錄
插入目錄 :
@[toc]效果展示 : 根據 MarkDown 語法中的 各個等級 標題 生成目錄;
2. 字體相關
(1) 字體設置
字體相關設置 :
(2) 常用顏色值速查
| red | green | blue | magenta | yellow | chocolate |
| black | aquamarine | lime | fuchsia | brass | azure |
| brown | bronze | deeppink | aliceblue | gray | copper |
| coral | feldspar | orange | orchid | pink | plum |
| quartz | purple | aliceblue | antiquewith | blanchedalmond | blueviolet |
| beige | burlywood | bisque | cadetblue | pink | saddlebrown |
| royalblue | rosybrown | purple | orengered | olivedrab | powderblue |
| peachpuff | papayawhip | paleturquoise | palevioletred | palegreen | navyblue |
| navajowhite | palegodenrod | violetred | yellowgreen | tomato | turquoise |
| thistle | springgreen | steelblue | salmon | scarlet | sienna |
| silver | tan | thistle | turquoise | violet | snow |
| salmon | scarlet | sienna | silver | tan | thistle |
| turquoise | violet | chartreuse | firebrick | gold | khaki |
| mediumslateblue | mediumvioletred | oldlace | maroom | goldenrod | wheat |
| whitesmoke | orange | moccasin | mistyrose | mintcream | midnightblue |
| dimgray | darksalmon | slategray | skyblue | sienna | seashell |
| salmon | seagreen | sandybrown | firebrick | gold | khaki |
| maroom | goldenrod | wheat | whitesmoke | mediumturquoise | navy |
| mediumspringgreen | mediumseagreen | mediumpurpul | peru | mediumorchid | mediumblue |
| mediumaquamarine | maroon | limegreen | lightyellow | lightsteelblue | magenta |
| lightslateblue | lightslategray | lightskyblue | inen | lightseagreen | lightsalmon |
| lightpink | plum | lightgray | lightgreen | lightgodenrodyellow | indianred |
| lavender | lightblue | lavenderblush | lightcoral | lightcyan | lightgodenrod |
| hotpink | greenyellow | lemonchiffon | lawngreen | khaki | deepskyblue |
| honeydew | golenrod | forestgreen | gostwhite | greenyellow | gainsboro |
| firebrick | dodgerblue | darkturquoise | darkslateblue | darkslategray | darkseagreen |
| darkred | darkorchid | darkorenge | darkslateblue | darkviolet | floralwhite |
| cyan | bisque darkgray | cornsilk | darkolivegreen | darkgoldenrod | darkblue |
| darkcyan | darkgreen | darkhaki | ivory | darkmagenta | darkgray |
| cornfloewrblue | cornfloewrblue | darkviolet | floralwhite | 待 補 | 待 補 |
| darkslategray | darkseagreen | darkred | darkorchid | darkorenge | darkslateblue |
3. 插入代碼
(1) 單行代碼
單行代碼 語法 : 其中 ` 是 Esc 下面的按鍵;
`單行代碼內容`效果展示 :
單行代碼內容
(2) 多行代碼
多行代碼 語法 : 使用 Ctrl + K 即可生成插入多行代碼的語法框架;
效果展示 :
多行代碼內容二. LaTex 數學公式
數學公式參考 :
- 1.MathJax basic tutorial and quick reference;
- 2.常用數學符號的 LaTeX 表示方法
- 3.LaTeX數學公式輸入初級入門
- 4.在博客中使用LaTeX插入數學公式
## 1. 行內公式 和 塊級公式
(1) 行內公式
行內公式語法 : 行內公式使用 $ 公式內容 $ 語法, 將公式的內容使用 兩個 $ 包裹起來, 如使用 $\sum_{i=0}^n i^2 = \frac{(n^2+n)(2n+1)}{6}$ ;
展示效果 : ∑i=0ni2=(n2+n)(2n+1)6\sum_{i=0}^n i^2 = \frac{(n^2+n)(2n+1)}{6}∑i=0n?i2=6(n2+n)(2n+1)? ;
(2) 塊級公式
塊級公式語法 : 行內公式使用 $$ 公式內容 $$ 語法, 將公式的內容使用 兩個 $ 包裹起來,;
$$\sum_{i=0}^n i^2 = \frac{(n^2+n)(2n+1)}{6}$$展示效果 :
∑i=0ni2=(n2+n)(2n+1)6\sum_{i=0}^n i^2 = \frac{(n^2+n)(2n+1)}{6}i=0∑n?i2=6(n2+n)(2n+1)?
2. 希臘字母
希臘字母表示 :
| α\alphaα | $\alpha$ | AAA | $A$ |
| β\betaβ | $\beta$ | BBB | $B$ |
| γ\gammaγ | $\gamma$ | Γ\GammaΓ | $\gamma$ |
| δ\deltaδ | $\delta$ | Δ\DeltaΔ | $\delta$ |
| ?\epsilon? ( ε\varepsilonε ) | $\epsilon$ ( $\varepsilon$ ) | EEE | $E$ |
| ζ\zetaζ | $\zeta$ | ZZZ | $Z$ |
| η\etaη | $\eta$ | HHH | $H$ |
| θ\thetaθ | $\theta$ | Θ\ThetaΘ | $\Theta$ |
| ι\iotaι | $\iota$ | III | $I$ |
| κ\kappaκ | $\kappa$ | KKK | $K$ |
| λ\lambdaλ | $\lambda$ | Λ\LambdaΛ | $\Lambda$ |
| μ\muμ | $\mu$ | MMM | $M$ |
| ν\nuν | $\nu$ | NNN | $N$ |
| ξ\xiξ | $\xi$ | Ξ\XiΞ | $\Xi$ |
| ο\omicronο | $\omicron$ | OOO | $O$ |
| π\piπ | $\pi$ | Π\PiΠ | $\Pi$ |
| ρ\rhoρ | $\rho$ | PPP | $P$ |
| σ\sigmaσ | $\sigma$ | Σ\SigmaΣ | $\Sigma$ |
| τ\tauτ | $\tau$ | TTT | $T$ |
| υ\upsilonυ | $\upsilon$ | Υ\UpsilonΥ | $\Upsilon$ |
| ?\phi? ( φ\varphiφ ) | $\phi$( $\varphi$ ) | Φ\PhiΦ | $\Phi$ |
| χ\chiχ | $\chi$ | XXX | $X$ |
| ψ\psiψ | $\psi$ | Ψ\PsiΨ | $\Psi$ |
三.CSDN 官方示例
這里寫自定義目錄標題
- 一. MarkDown 常用語法
- 1. 標題相關語法
- (1) 標題模板
- (2) 插入目錄
- 2. 字體相關
- (1) 字體設置
- (2) 常用顏色值速查
- 3. 插入代碼
- (1) 單行代碼
- (2) 多行代碼
- 二. LaTex 數學公式
- (1) 行內公式
- (2) 塊級公式
- 2. 希臘字母
- 三.CSDN 官方示例
- 歡迎使用Markdown編輯器
- 新的改變
- 功能快捷鍵
- 合理的創建標題,有助于目錄的生成
- 如何改變文本的樣式
- 插入鏈接與圖片
- 如何插入一段漂亮的代碼片
- 生成一個適合你的列表
- 創建一個表格
- 設定內容居中、居左、居右
- SmartyPants
- 創建一個自定義列表
- 如何創建一個注腳
- 注釋也是必不可少的
- KaTeX數學公式
- 新的甘特圖功能,豐富你的文章
- UML 圖表
- FLowchart流程圖
- 導出與導入
- 導出
- 導入
歡迎使用Markdown編輯器
你好! 這是你第一次使用 Markdown編輯器 所展示的歡迎頁。如果你想學習如何使用Markdown編輯器, 可以仔細閱讀這篇文章,了解一下Markdown的基本語法知識。
新的改變
我們對Markdown編輯器進行了一些功能拓展與語法支持,除了標準的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
合理的創建標題,有助于目錄的生成
直接輸入1次#,并按下space后,將生成1級標題。
輸入2次#,并按下space后,將生成2級標題。
以此類推,我們支持6級標題。有助于使用TOC語法后生成一個完美的目錄。
如何改變文本的樣式
強調文本 強調文本
加粗文本 加粗文本
標記文本
刪除文本
引用文本
H2O is是液體。
210 運算結果是 1024.
插入鏈接與圖片
鏈接: link.
圖片:
帶尺寸的圖片:
當然,我們為了讓用戶更加便捷,我們增加了圖片拖拽功能。
如何插入一段漂亮的代碼片
去博客設置頁面,選擇一款你喜歡的代碼片高亮樣式,下面展示同樣高亮的 代碼片.
// An highlighted block var foo = 'bar';生成一個適合你的列表
- 項目
- 項目
- 項目
- 項目
- 計劃任務
- 完成任務
創建一個表格
一個簡單的表格是這么創建的:
| 電腦 | $1600 |
| 手機 | $12 |
| 導管 | $1 |
設定內容居中、居左、居右
使用:---------:居中
使用:----------居左
使用----------:居右
| 第一列文本居中 | 第二列文本居右 | 第三列文本居左 |
SmartyPants
SmartyPants將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如何創建一個注腳
一個具有注腳的文本。2
注釋也是必不可少的
Markdown將文本轉換為 HTML。
KaTeX數學公式
您可以使用渲染LaTeX數學表達式 KaTeX:
Gamma公式展示 Γ(n)=(n?1)!?n∈N\Gamma(n) = (n-1)!\quad\forall n\in\mathbb NΓ(n)=(n?1)!?n∈N 是通過歐拉積分
Γ(z)=∫0∞tz?1e?tdt .\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ(z)=∫0∞?tz?1e?tdt.
你可以找到更多關于的信息 LaTeX 數學表達式here.
新的甘特圖功能,豐富你的文章
Mon 06Mon 13Mon 20已完成 進行中 計劃一 計劃二 現有任務Adding GANTT diagram functionality to mermaid- 關于 甘特圖 語法,參考 這兒,
UML 圖表
可以使用UML圖表進行渲染。 Mermaid. 例如下面產生的一個序列圖::
張三李四王五你好!李四, 最近怎么樣?你最近怎么樣,王五?我很好,謝謝!我很好,謝謝!李四想了很長時間,文字太長了不適合放在一行.打量著王五...很好... 王五, 你怎么樣?張三李四王五這將產生一個流程圖。:
鏈接長方形圓圓角長方形菱形- 關于 Mermaid 語法,參考 這兒,
FLowchart流程圖
我們依舊會支持flowchart的流程圖:
Created with Rapha?l 2.2.0開始我的操作確認?結束yesno- 關于 Flowchart流程圖 語法,參考 這兒.
導出與導入
導出
如果你想嘗試使用此編輯器, 你可以在此篇文章任意編輯。當你完成了一篇文章的寫作, 在上方工具欄找到 文章導出 ,生成一個.md文件或者.html文件進行本地保存。
導入
如果你想加載一篇你寫過的.md文件或者.html文件,在上方工具欄可以選擇導入功能進行對應擴展名的文件導入,
繼續你的創作。
mermaid語法說明 ??
注腳的解釋 ??
總結
以上是生活随笔為你收集整理的【 Markdown 】Markdown 编辑器语法常用格式 ( 整理中 ... )的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【C 语言】C 语言 函数 详解 ( 函
- 下一篇: 【嵌入式开发】ARM 异常向量表 ( 异