轉(zhuǎn)載自『Cmd 技術(shù)渲染的沙箱頁面弓坞,點(diǎn)擊此處編寫自己的文檔』
Cmd Markdown 簡明語法手冊
標(biāo)簽: Cmd-Markdown
1. 斜體和粗體
使用 * 和 ** 表示斜體和粗體。
示例:
這是 斜體秃踩,這是 粗體填渠。
2. 分級標(biāo)題
使用 === 表示一級標(biāo)題项阴,使用 --- 表示二級標(biāo)題。
示例:
這是一個一級標(biāo)題
============================
這是一個二級標(biāo)題
--------------------------------------------------
### 這是一個三級標(biāo)題
你也可以選擇在行首加井號表示不同級別的標(biāo)題 (H1-H6),例如:# H1, ## H2, ### H3目派,#### H4。
3. 外鏈接
使用 [描述](鏈接地址) 為文字增加外鏈接胁赢。
示例:
這是去往 本人博客 的鏈接企蹭。
4. 無序列表
使用 *,+智末,- 表示無序列表谅摄。
示例:
- 無序列表項(xiàng) 一
- 無序列表項(xiàng) 二
- 無序列表項(xiàng) 三
5. 有序列表
使用數(shù)字和點(diǎn)表示有序列表。
示例:
- 有序列表項(xiàng) 一
- 有序列表項(xiàng) 二
- 有序列表項(xiàng) 三
6. 文字引用
使用 > 表示文字引用吹害。
示例:
野火燒不盡螟凭,春風(fēng)吹又生。
7. 行內(nèi)代碼塊
使用 `代碼` 表示行內(nèi)代碼塊它呀。
示例:
讓我們聊聊 html
螺男。
8. 代碼塊
使用 四個縮進(jìn)空格 表示代碼塊。
示例:
這是一個代碼塊纵穿,此行左側(cè)有四個不可見的空格下隧。
9. 插入圖像
使用 ![描述](圖片鏈接地址) 插入圖像。
示例:
Cmd Markdown 高階語法手冊
1. 內(nèi)容目錄
在段落中填寫 [TOC]
以顯示全文內(nèi)容的目錄結(jié)構(gòu)谓媒。
[TOC]
2. 標(biāo)簽分類
在編輯區(qū)任意行的列首位置輸入以下代碼給文稿標(biāo)簽:
標(biāo)簽: 數(shù)學(xué) 英語 Markdown
或者
Tags: 數(shù)學(xué) 英語 Markdown
3. 刪除線
使用 ~~ 表示刪除線淆院。
這是一段錯誤的文本。
4. 注腳
使用 [^keyword] 表示注腳句惯。
這是一個注腳[1]的樣例土辩。
這是第二個注腳[2]的樣例。
5. LaTeX 公式
$ 表示行內(nèi)公式:
質(zhì)能守恒方程可以用一個很簡潔的方程式 來表達(dá)抢野。
$$ 表示整行公式:
訪問 MathJax 參考更多使用方法拷淘。
6. 加強(qiáng)的代碼塊
支持四十一種編程語言的語法高亮的顯示,行號顯示指孤。
非代碼示例:
$ sudo apt-get install vim-gnome
Python 示例:
@requires_authorization
def somefunc(param1='', param2=0):
'''A docstring'''
if param1 > param2: # interesting
print 'Greater'
return (param2 - param1 + 1) or None
class SomeClass:
pass
>>> message = '''interpreter
... prompt'''
JavaScript 示例:
/**
* nth element in the fibonacci series.
* @param n >= 0
* @return the nth element, >= 0.
*/
function fib(n) {
var a = 1, b = 1;
var tmp;
while (--n >= 0) {
tmp = a;
a += b;
b = tmp;
}
return a;
}
document.write(fib(10));
7. 流程圖
示例
st=>start: Start:>https://www.zybuluo.com
io=>inputoutput: verification
op=>operation: Your Operation
cond=>condition: Yes or No?
sub=>subroutine: Your Subroutine
e=>end
st->io->op->cond
cond(yes)->e
cond(no)->sub->io
更多語法參考:流程圖語法參考
8. 序列圖
示例 1
Alice->Bob: Hello Bob, how are you?
Note right of Bob: Bob thinks
Bob-->Alice: I am good thanks!
示例 2
Title: Here is a title
A->B: Normal line
B-->C: Dashed line
C->>D: Open arrow
D-->>A: Dashed open arrow
更多語法參考:序列圖語法參考
9. 甘特圖
甘特圖內(nèi)在思想簡單启涯。基本是一條線條圖恃轩,橫軸表示時間结洼,縱軸表示活動(項(xiàng)目),線條表示在整個期間上計(jì)劃和實(shí)際的活動完成情況叉跛。它直觀地表明任務(wù)計(jì)劃在什么時候進(jìn)行松忍,及實(shí)際進(jìn)展與計(jì)劃要求的對比。
title 項(xiàng)目開發(fā)流程
section 項(xiàng)目確定
需求分析 :a1, 2016-06-22, 3d
可行性報(bào)告 :after a1, 5d
概念驗(yàn)證 : 5d
section 項(xiàng)目實(shí)施
概要設(shè)計(jì) :2016-07-05 , 5d
詳細(xì)設(shè)計(jì) :2016-07-08, 10d
編碼 :2016-07-15, 10d
測試 :2016-07-22, 5d
section 發(fā)布驗(yàn)收
發(fā)布: 2d
驗(yàn)收: 3d
更多語法參考:甘特圖語法參考
10. Mermaid 流程圖
A[Hard edge] -->|Link text| B(Round edge)
B --> C{Decision}
C -->|One| D[Result one]
C -->|Two| E[Result two]
更多語法參考:Mermaid 流程圖語法參考
11. Mermaid 序列圖
Alice->John: Hello John, how are you?
loop every minute
John-->Alice: Great!
end
更多語法參考:Mermaid 序列圖語法參考
12. 表格支持
項(xiàng)目 | 價格 | 數(shù)量 |
---|---|---|
計(jì)算機(jī) | $1600 | 5 |
手機(jī) | $12 | 12 |
管線 | $1 | 234 |
13. 定義型列表
名詞 1
: 定義 1(左側(cè)有一個可見的冒號和四個不可見的空格)
代碼塊 2
: 這是代碼塊的定義(左側(cè)有一個可見的冒號和四個不可見的空格)
代碼塊(左側(cè)有八個不可見的空格)
14. Html 標(biāo)簽
本站支持在 Markdown 語法中嵌套 Html 標(biāo)簽筷厘,譬如鸣峭,你可以用 Html 寫一個縱跨兩行的表格:
<table>
<tr>
<th rowspan="2">值班人員</th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
</tr>
<tr>
<td>李強(qiáng)</td>
<td>張明</td>
<td>王平</td>
</tr>
</table>
<table>
<tr>
<th rowspan="2">值班人員</th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
</tr>
<tr>
<td>李強(qiáng)</td>
<td>張明</td>
<td>王平</td>
</tr>
</table>
15. 內(nèi)嵌圖標(biāo)
本站的圖標(biāo)系統(tǒng)對外開放伟桅,在文檔中輸入
<i class="icon-weibo"></i>
即顯示微博的圖標(biāo): <i class="icon-weibo icon-2x"></i>
替換 上述 i 標(biāo)簽
內(nèi)的 icon-weibo
以顯示不同的圖標(biāo),例如:
<i class="icon-renren"></i>
即顯示人人的圖標(biāo): <i class="icon-renren icon-2x"></i>
更多的圖標(biāo)和玩法可以參看 font-awesome 官方網(wǎng)站叽掘。
16. 待辦事宜 Todo 列表
使用帶有 [ ] 或 [x] (未完成或已完成)項(xiàng)的列表語法撰寫一個待辦事宜列表,并且支持子列表嵌套以及混用Markdown語法玖雁,例如:
- [ ] **Cmd Markdown 開發(fā)**
- [ ] 改進(jìn) Cmd 渲染算法更扁,使用局部渲染技術(shù)提高渲染效率
- [ ] 支持以 PDF 格式導(dǎo)出文稿
- [x] 新增Todo列表功能 [語法參考](https://github.com/blog/1375-task-lists-in-gfm-issues-pulls-comments)
- [x] 改進(jìn) LaTex 功能
- [x] 修復(fù) LaTex 公式渲染問題
- [x] 新增 LaTex 公式編號功能 [語法參考](http://docs.mathjax.org/en/latest/tex.html#tex-eq-numbers)
- [ ] **七月旅行準(zhǔn)備**
- [ ] 準(zhǔn)備郵輪上需要攜帶的物品
- [ ] 瀏覽日本免稅店的物品
- [x] 購買藍(lán)寶石公主號七月一日的船票
對應(yīng)顯示如下待辦事宜 Todo 列表:
- [ ] Cmd Markdown 開發(fā)
- [ ] 七月旅行準(zhǔn)備
- [ ] 準(zhǔn)備郵輪上需要攜帶的物品
- [ ] 瀏覽日本免稅店的物品
- [x] 購買藍(lán)寶石公主號七月一日的船票