Markdown 語法

簡明語法

標籤: Markdownjavascript


1. 斜體和粗體

使用 * 和 ** 表示斜體和粗體。html

示例:java

這是 斜體,這是 粗體python

2. 分級標題

使用 === 表示一級標題,使用 --- 表示二級標題。git

示例:github

這是一個一級標題
============================

這是一個二級標題
----------------------------

### 這是一個三級標題
複製代碼

你也能夠選擇在行首加井號表示不一樣級別的標題 (H1-H6),例如:# H1, ## H2, ### H3,#### H4。算法

3. 外連接

使用 [描述](連接地址) 爲文字增長外連接。編程

示例:vim

這是去往 本人博客 的連接。bash

4. 無序列表

使用 *,+,- 表示無序列表。

示例:

  • 無序列表項 一
  • 無序列表項 二
  • 無序列表項 三

5. 有序列表

使用數字和點表示有序列表。

示例:

  1. 有序列表項 一
  2. 有序列表項 二
  3. 有序列表項 三

6. 文字引用

使用 > 表示文字引用。

示例:

野火燒不盡,春風吹又生。

7. 行內代碼塊

使用 `代碼` 表示行內代碼塊。

示例:

讓咱們聊聊 html

8. 代碼塊

使用 四個縮進空格 表示代碼塊。

示例:

這是一個代碼塊,此行左側有四個不可見的空格。
複製代碼

9. 插入圖像

使用 ![描述](圖片連接地址) 插入圖像。

示例:

個人頭像

高階語法

1. 內容目錄

在段落中填寫 [TOC] 以顯示全文內容的目錄結構。

[TOC]

2. 標籤分類

在編輯區任意行的列首位置輸入如下代碼給文稿標籤:

標籤: 數學 英語 Markdown

或者

Tags: 數學 英語 Markdown

3. 刪除線

使用 ~~ 表示刪除線。

這是一段錯誤的文本。

4. 註腳

使用 [^keyword] 表示註腳。

這是一個註腳[1]的樣例。

這是第二個註腳[2]的樣例。

5. LaTeX 公式

$ 表示行內公式:

質能守恆方程能夠用一個很簡潔的方程式 E=mc^2 來表達。

表示整行公式:

$$\sum_{i=1}^n a_i=0
f(x_1,x_x,\ldots,x_n) = x_1^2 + x_2^2 + \cdots + x_n^2
\sum^{j-1}_{k=0}{\widehat{\gamma}_{kj} z_k}

LaTex 語法參考

6. 增強的代碼塊

支持四十一種編程語言的語法高亮的顯示,行號顯示。

非代碼示例:

$ 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. 甘特圖

甘特圖內在思想簡單。基本是一條線條圖,橫軸表示時間,縱軸表示活動(項目),線條表示在整個期間上計劃和實際的活動完成狀況。它直觀地代表任務計劃在何時進行,及實際進展與計劃要求的對比。

title 項目開發流程
    section 項目肯定
        需求分析       :a1, 2016-06-22, 3d
        可行性報告     :after a1, 5d
        概念驗證       : 5d
    section 項目實施
        概要設計      :2016-07-05  , 5d
        詳細設計      :2016-07-08, 10d
        編碼          :2016-07-15, 10d
        測試          :2016-07-22, 5d
    section 發佈驗收
        發佈: 2d
        驗收: 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. 表格支持

項目 價格 數量
計算機 $1600 5
手機 $12 12
管線 $1 234

13. 定義型列表

名詞 1 : 定義 1(左側有一個可見的冒號和四個不可見的空格)

代碼塊 2 : 這是代碼塊的定義(左側有一個可見的冒號和四個不可見的空格)

代碼塊(左側有八個不可見的空格)
複製代碼

14. Html 標籤

本站支持在 Markdown 語法中嵌套 Html 標籤,譬如,你能夠用 Html 寫一個縱跨兩行的表格:

<table>
    <tr>
        <th rowspan="2">值班人員</th>
        <th>星期一</th>
        <th>星期二</th>
        <th>星期三</th>
    </tr>
    <tr>
        <td>李強</td>
        <td>張明</td>
        <td>王平</td>
    </tr>
</table>
複製代碼
值班人員 星期一 星期二 星期三
李強 張明 王平

15. 內嵌圖標

本站的圖標系統對外開放,在文檔中輸入

<i class="icon-weibo"></i>
複製代碼

即顯示微博的圖標:

替換 上述 i 標籤 內的 icon-weibo 以顯示不一樣的圖標,例如:

<i class="icon-renren"></i>
複製代碼

即顯示人人的圖標:

更多圖標能夠參看 font-awesome 官方網站。

16. 待辦事宜 Todo 列表

使用帶有 [ ] 或 [x] (未完成或已完成)項的列表語法撰寫一個待辦事宜列表,而且支持子列表嵌套以及混用Markdown語法,例如:

- [ ] **Markdown 開發**
    - [ ] 改進 渲染算法,使用局部渲染技術提升渲染效率
    - [ ] 支持以 PDF 格式導出文稿
    - [x] 新增Todo列表功能
    - [x] 改進 LaTex 功能
        - [x] 修復 LaTex 公式渲染問題
        - [x] 新增 LaTex 公式編號功能
- [ ] **七月旅行準備**
    - [ ] 準備郵輪上須要攜帶的物品
    - [ ] 瀏覽日本免稅店的物品
    - [x] 購買藍寶石公主號七月一日的船票
複製代碼

對應顯示以下待辦事宜 Todo 列表:

  • Markdown 開發
    • 改進 渲染算法,使用局部渲染技術提升渲染效率
    • 支持以 PDF 格式導出文稿
    • 新增Todo列表功能
    • 改進 LaTex 功能
      • 修復 LaTex 公式渲染問題
      • 新增 LaTex 公式編號功能
  • 七月旅行準備
    • 準備郵輪上須要攜帶的物品
    • 瀏覽日本免稅店的物品
    • 購買藍寶石公主號七月一日的船票

  1. 這是一個 註腳文本↩︎

  2. 這是另外一個 註腳文本↩︎

相關文章
相關標籤/搜索