Markdown 語法整理大集合2017

阿新 • • 發佈：2018-12-07

簡明教程：https://ouweiya.gitbooks.io/markdown/

1.標題

程式碼

注：# 後面保持空格

# h1
## h2
### h3
#### h4
##### h5 ###### h6 ####### h7 // 錯誤程式碼 ######## h8 // 錯誤程式碼 ######### h9 // 錯誤程式碼 ########## h10 // 錯誤程式碼

演示

h1

h2

h3

h4

h5

h6

####### h7
######## h8
######### h9
########## h10

2.分級標題

程式碼
注：= - 最少可以只寫一個，相容性一般

一級標題
======================
二級標題
---------------------

演示

3.TOC

注：根據標題生成目錄，相容性一般

程式碼

[TOC]

演示

4.引用

程式碼1(單行式)

> hello world!

演示

hello world!

程式碼2(多行式)

> hello world!
hello world!
hello world!

或者

> hello world!
> hello world!
> hello world!

演示

相同的結果

hello world!
hello world!
hello world!

程式碼3(多層巢狀)

> aaaaaaaaa
>> bbbbbbbbb
>>> cccccccccc

演示

aaaaaaaaa

bbbbbbbbb

cccccccccc

5.行內標記

注：用 ` 標記程式碼塊將變成一行

程式碼

標記之外`hello world`標記之外

演示

標記之外hello world標記之外

錯誤程式碼
注：不同平臺錯誤略有差異

 標記之外 ` 
< div>   
    < div></div> < div></div> < div></div> < /div> `標記之外

演示

6.程式碼塊

注：與上行距離一空行

程式碼1(```)

注：用```生成塊

```
<div>   
    <div></div> <div></div> <div></div> </div> ```

演示

<div>   
    <div></div> <div></div> <div></div> </div>

程式碼2(Tab)

注： Tab縮排

我是文字……

    <div>   
        <div></div> <div></div> <div></div> </div>

演示

<div>   
    <div></div> <div></div> <div></div> </div>

程式碼3(自定義語法)
注：根據不同的語言配置不同的程式碼著色

```javascript
var num = 0;
for (var i = 0; i < 5; i++) {
    num+=i;
}
console.log(num);
```

演示

var num = 0;
for (var i = 0; i < 5; i++) { num+=i; } console.log(num);

7.插入連結

程式碼1(內鏈式)
注：{:target="_blank"}跳轉方式相容性一般，多數第三方平臺不支援跳轉

[百度1](http://www.baidu.com/" 百度一下"){:target="_blank"}

演示

百度1

程式碼2(引用式)

[百度2][2]{:target="_blank"}
[2]: http://www.baidu.com/ "百度二下"

演示

百度2

8.插入圖片

程式碼1(內鏈式)

[圖片上傳失敗...(image-90880b-1542510791300)]

演示

程式碼2(引用式)

![name][01]
[01]: ./01.png '描述'

演示

9.插入圖片帶有連結

程式碼

[[圖片上傳失敗...(image-f83b77-1542510791300)]](http://www.baidu.com){:target="_blank"}       // 內鏈式

[[圖片上傳失敗...(image-4dc956-1542510791300)]][5]{:target="_blank"} // 引用式 [5]: http://www.baidu.com

演示

[

][5]
[5]: http://www.baidu.com

10.視訊插入

注：Markdown 語法是不支援直接插入視訊的
普遍的做法是插入HTML的 iframe 框架，通過網站自帶的分享功能獲取，如果沒有可以嘗試第二種方法
第二是偽造播放介面，實質是插入視訊圖片，然後通過點選跳轉到相關頁面

程式碼1
注：多數第三方平臺不支援插入<iframe>視訊

youku

<iframe height=498 width=510 src='http://player.youku.com/embed/XMjgzNzM0NTYxNg==' frameborder=0 'allowfullscreen'></iframe>

演示

程式碼2

[[圖片上傳失敗...(image-49aefe-1542510791300)]](http://v.youku.com/v_show/id_XMjgzNzM0NTYxNg==.html?spm=a2htv.20009910.contentHolderUnit2.A&from=y1.3-tv-grid-1007-9910.86804.1-2#paction){:target="_blank"}

演示

11.序表

程式碼1(有序)

注：序列.後保持空格

1. one
2. two
3. three

演示

one
two
three

程式碼2(無序)

* one
* two
* three

演示

one
two
three

程式碼3(序表巢狀)

1. one
    1. one-1
    2. two-2
2. two 
    * two-1
    * two-2

演示

one
1. one-1
2. two-2
two
- two-1
- two-2

程式碼4(序表巢狀程式碼塊)
注：換行+兩個Tab

* one

    var a = 10;     // 與上行保持空行並 遞進縮排

演示：

one
```
  var a = 10;
```

12.任務列表

注：相容性一般要隔開一行

程式碼

這是文字……

- [x] 選項一
- [ ] 選項二  
- [ ] [選項3]

演示

13.表情

注：相容一般

表情程式碼地址

14.表格

注： : 代表對齊方式 ,** : 與 | 之間不要有空格**，否則對齊會有些不相容

程式碼1

|    a    |       b       |      c     |
|:-------:|:------------- | ----------:| | 居中 | 左對齊 | 右對齊 | |=========|===============|============|

演示

a	b	c
居中	左對齊	右對齊
=========	===============	============

程式碼2(簡約寫法)

a  | b | c  
:-:|:- |-: 居中 | 左對齊 | 右對齊 ============|=================|=============

演示

a	b	c
居中	左對齊	右對齊
============	=================	=============

程式碼3(特殊表格)

注：一般對合並單元格，以及其他特殊格式表格，markdown 是無能為力的
所以常規的做法是使用HTML標籤，但是這樣的編寫效率極低。
但是有了這款工具的話，所有問題都迎刃而解。

線上生成HTML程式碼 Tables Generator (國外的站)

Tables Generator

演示

15.支援內嵌CSS樣式

程式碼

<p style="color: #AD5D0F;font-size: 30px; font-family: '宋體';">內聯樣式</p>

演示

16.語義標記

描述	效果	程式碼
斜體	斜體	`斜體`
斜體	斜體	`_斜體_`
加粗	加粗	`加粗`
加粗+斜體	*加粗+斜體*	`*加粗+斜體*`
加粗+斜體	*加粗+斜體*	`_加粗+斜體_`
刪除線	~~刪除線~~	`~~刪除線~~`

17.語義標籤

描述	效果	程式碼
斜體	<i>斜體</i>	`<i>斜體</i>`
加粗	<b>加粗</b>	`<b>加粗</b>`
強調	<em>強調</em>	`<em>強調</em>`
上標	Z^a	`Z<sup>a</sup>`
下標	Z_a	`Z<sub>a</sub>`
鍵盤文字		`<kbd>Ctrl</kbd>`
換行

18.格式化文字

保持輸入排版格式不變
注：對內含標籤需要破壞結構才能顯示

程式碼

<pre>
hello world 
         hi
  hello world 
</pre>

演示

<pre>
hello world
hi
hello world
</pre>

錯誤解決方法
注：標籤內部新增空格或者 直接使用```標記來處理
程式碼1(插入空格)

<pre>
    < div>   
        < div>< /div> < div>< /div> < div>< /div> < /div> </pre>

演示

程式碼2( ``` 程式碼塊標記)

```
<div>   
    <div></div> <div></div> <div></div> </div> ```

演示

<div>   
    <div></div> <div></div> <div></div> </div>

19.公式 {#1}

注：1個$左對齊，2個居中

程式碼

$$ x \href{why-equal.html}{=} y^2 + 1 $$
$ x = {-b \pm \sqrt{b^2-4ac} \over 2a}. $

演示

20.分隔符

注：最少三個 --- 或 ***或 * * *

程式碼

***
---
* * *

演示

21.腳註

程式碼

Markdown[^1]
[^1]: Markdown是一種純文字標記語言        // 在文章最後面顯示腳註

演示

Markdown^[1]

22.錨點

程式碼
注：只有標題支援錨點，跳轉目錄方括號後保持空格

[公式標題錨點](#1)

### [需要跳轉的目錄] {#1}    // 方括號後保持空格

演示

公式標題錨點

23.定義型列表

注：解釋型定義
程式碼

Markdown 
:   輕量級文字標記語言，可以轉換成html，pdf等格式  //  開頭一個`:` + `Tab` 或 四個空格

程式碼塊定義
:   程式碼塊定義……

        var a = 10;         // 保持空一行與 遞進縮排

演示

24.自動郵箱連結

程式碼

<[email protected]outlook.com>

演示

[email protected]

25.流程圖

程式碼1

```flow                     // 流程
st=>start: 開始|past:> http://www.baidu.com // 開始
e=>end: 結束              // 結束
c1=>condition: 條件1:>http://www.baidu.com[_parent] // 判斷條件 c2=>condition: 條件2 // 判斷條件 c3=>condition: 條件3 // 判斷條件 io=>inputoutput: 輸出 // 輸出 //----------------以上為定義引數------------------------- //----------------以下為連線引數------------------------- // 開始->判斷條件1為no->判斷條件2為no->判斷條件3為no->輸出->結束 st->c1(yes,right)->c2(yes,right)->c3(yes,right)->io->e c1(no)->e // 條件1不滿足->結束 c2(no)->e // 條件2不滿足->結束 c3(no)->e // 條件3不滿足->結束 ```

演示

程式碼詳解
流程圖分為兩個部分： 定義引數 然後 連線引數

定義示例：

tag=>type: content:>url         // 形參格式 
st=>start: 開始:>http://www.baidu.com[blank]  //實參格式

注：** st=>start: 開始 的：後面保持空格**

形參	實參	含義
tag	st	標籤 (可以自定義)
=>	=>	賦值
type	start	型別 (6種類型)
content	開始	描述內容 (可以自定義)
:>url	`http://www.baidu.com[blank]`	連結與跳轉方式相容性很差

6種類型	含義
start	啟動
end	結束
operation	程式
subroutine	子程式
condition	條件
inputoutput	輸出

連線示例：

st->c1(yes,right)->c2(yes,right)->c3(yes,right)->io->e
開始->判斷條件1為no->判斷條件2為no->判斷條件3為no->輸出->結束

形參	實參	含義
->	->	連線
condition	c1	條件
(布林值,方向)	(yes,right)	如果滿足向右連線，4種方向：right ，left，up ，down 預設為：down

注：operation (程式); subroutine (子程式) ;condition (條件)，都可以在括號里加入連線方向。

operation(right) 
subroutine(left)
condition(yes,right)    // 只有條件 才能加布爾值

程式碼2

注：新增樣式和url跳轉需要新增第三方的指令碼
實際效果很差，使用起來麻煩，意義不大

```flow                             // 流程
st=>start: 啟動|past:>http://www.baidu.com[blank] // 開始
e=>end: 結束                      // 結束
op1=>operation: 方案一             // 運算1
sub2=>subroutine: 方案二|approved:>http://www.baidu.com[_parent] // 運算2 sub3=>subroutine: 重新制定方案 // 運算2 cond1=>condition: 行不行？|request // 判斷條件1 cond2=>condition: 行不行？ // 判斷條件2 io=>inputoutput: 結果滿意 // 輸出 // 開始->方案1->判斷條件-> st->op1->cond1 // 判斷條件1為no->方案2->判斷條件2為no->重新制定方案->方案1 cond1(no,right)->sub2->cond2(no,right)->sub3(right)->op1 cond1(yes)->io->e // 判斷條件滿足->輸出->結束 cond2(yes)->io->e // 判斷條件滿足->輸出->結束 ```

演示

作者地址：flowchart.js

一般普遍支援的效果

26.時序圖

程式碼1

```sequence
A->>B: 你好
Note left of A: 我在左邊     // 註釋方向，只有左右，沒有上下
Note right of B: 我在右邊
B-->A: 很高興認識你
```

演示

程式碼詳解

注：A->>B: 你好 後面可以不寫文字，但是一定要在最後加上：
Note left of A 代表註釋在A的左邊

符號	含義
`-`	實線
`>`	實心箭頭
`--`	虛線
`>>`	空心箭頭

程式碼2

    ```sequence
    起床->吃飯: 稀飯油條
    吃飯->上班: 不要遲到了
    上班->午餐: 吃撐了
    上班->下班:
    Note right of 下班: 下班了
    下班->回家:
    Note right of 回家: 到家了
    回家-->>起床:
    Note left of 起床: 新的一天
    ```

演示

27.生成側邊欄擴充套件

注：生成側邊欄一般是插入JS，再就是模板,
總體來說，很是麻煩，效果一般，不作詳解。

作者倉庫：i5ting_ztree_toc

精簡版：作者部落格HaleyPKU

總結：常用標記

標記	Markdown 語法
斜體	`italic`
粗體	`bold`
圖片	`![Image Title](http://xxx.png)`
連結	`[Link Text](http://xxx.com)`
內聯程式碼	`code`
塊級程式碼	```code block```
引用	`> Here is a quote block`
分隔符	`----` 或 `*****`
標題 1	`# Heading 1`
標題 2	`## Heading 2`
標題 3	`### Heading 3`
標題 4	`#### Heading 4`

Markdown編寫工具

Typora：https://typora.io

Markdown是一種純文字標記語言

作者：歐薇婭
連結：https://www.jianshu.com/p/b03a8d7b1719
來源：簡書
簡書著作權歸作者所有，任何形式的轉載都請聯絡作者獲得授權並註明出處。

Markdown 語法整理大集合2017

簡明教程：https://ouweiya.gitbooks.io/markdown/ 1.標題程式碼注：# 後面保持空格 # h1 ## h2 ### h3 #### h4 ##### h5 ###### h6 ####### h7 // 錯誤程式碼

Markdown 語法整理

HR 使用 cccccc mar blank div caption 跳轉需要簡明教程：https://ouweiya.gitbooks.io/markdown/ 另一份語法說明 https://www.appinn.com/markdown/basic.html 1

有道雲筆記markdown語法整理

0 標題標題是每篇文章必備而且最常用的格式。在Markdown中，如果想將一段文字被定義為標題，只需要在這段文字前面加上 #，再在 # 後加一個空格即可。還可增加二、三、四、五、六級標題，總共六級，只需要增加 # ，增加一個 # ，標題字號相應降低一級。

Markdown 語法手冊（完整整理版）

一、參考二、注意事項 1、建立表格列寬不能設定問題（1）正常建立表格時，列的內容短於列標題時，列標題會換行顯示（2）列寬不能設定，列的內容較多時排列不美觀（3）使用makedown語法如下生

Markdown 語法手冊（完整整理版）轉抄

CNMB CSDN，我要下載積分。SBSB 以下抄襲，隨便找的。 1. 斜體和粗體程式碼： *斜體*或_斜體_ **粗體** ***加粗斜體*** ~~刪除線~~ 顯示效果：這是一段斜體這是一段粗體這是一段加粗斜體這是一段刪除線 2

Markdown進階語法整理

正文說明：詞條順序按照我主觀意識的使用頻率進行排序。 1. 內容目錄使用[TOC]引用目錄，例如本文目錄：備註：有一些編輯器不支援[TOC]標記，比如簡書不支援。 2. 加強程式碼塊使用“```”+“語言名稱”進

Markdown基礎語法整理

關於Markdown Markdown是一個 Web 上使用的文字到HTML的轉換工具，可以通過簡單、易讀易寫的文字格式生成結構化的HTML文件。錘子科技15年8月釋出會上，老羅宣佈錘子便籤支援Markdown語法。我們可大膽預測，使用Markdown語法在移動端編

Markdown簡單常用語法整理

基於Markdown的輕量級標記語法，讓碼字更加註重內容，而不是花哨的外表。 We believe that writing is about content, about what you want to say - not about fancy form

BAT機器學習面試1000題系列大集合整理(320)

BAT機器學習面試1000題系列大集合整理（已整理至320題）此博文整合了全部發布的最新題目，排版已經經過本人整理，公式已用latex語法表示，方便讀者閱讀。同時連結形式也做了優化，可直接跳轉至相應頁面，希望能夠幫助讀者提高閱讀體驗，文中如果因為本人的整理出

Markdown語法入門

his single 不能 data- ont 入門 -i easy 中間大家在項目開發的過程中，編寫文檔是不是大家的痛點呢？如果文檔只是寫在word裏面，那不成問題。文檔格式在windows,Linux或者MacOS之間不兼容，那麽將word直接轉為PDF再發布出去，這

[hiho]最大集合

++ limit bre tor int 結果 string port 單點題目題目1 : 最大集合時間限制:10000ms 單點時限:1000ms 內存限制:256MB 描述給定一個1-N的排列A[1], A[2], ... A[N]，定義集合S[K

文件或目錄損壞且無法讀取的解決辦法大集合（轉）

情況如果設備磁盤分區回車修復運行自動修復使用開始--> 運行--> cmd，輸入 CHKDSK H: /F（註意，H是你要檢查修復的盤符回車，冒號後面要空一格，別跟著就寫"/F"。如果直接輸入CHKDSK，就檢查當前磁盤的使用情況。）。之後系統

javascript功能插件大集合，寫前端的親們記得收藏

progress ogre 工作寫作自動調整 pen handle 國際化沖突導讀：GitHub 上有一個 Awesome – XXX 系列的資源整理。awesome-javascript 是 sorrycc 發起維護的 JS 資源列表，內容包括：包管理器、加載器、

markdown語法

mar data- code 幫助語法使用上下 ble 分割線 1.1 關於markdown Markdown 是一種輕量級的「標記語言」，它的優點很多，目前也被越來越多的寫作愛好者，撰稿者廣泛使用。看到這裏請不要被「標記」、「語言」所迷惑，Markdown 的語法十

【萬裏征程——Windows App開發】控件大集合1

new 也有 spl sources csdn ++ 你在 mark 博客加入控件的方式有多種。大家更喜歡哪一種呢？ 1）使用諸如 Blend for Visual Studio 或 Microsoft Visual Studio XAML 設計器的

博客園不支持Markdown語法，新博客將發在簡書...

平臺 bsp 語法支持不支持 shu 博客園 nsh www 由於博客園博文編輯界面不支持Markdown語法，發在其它平臺的博客很難輕松復制過來... 未來新博客將只發在簡書裏，雖然也很少寫博客哈哈... 我的簡書個人主頁：http://www.jianshu.c

hdu 6082 度度熊與邪惡大魔王(2017"百度之星"程序設計大賽 - 資格賽 )

lib div problem ron -a def size 進行無限度度熊與邪惡大魔王 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others)Total

模板整理 (施工中 2017.8.21更新)

中國剩余定理復雜度更新一個點 mod tarjan iomanip push man 目錄數據結構 1 字典樹圖論 1 網絡流dinic 2 zkw費用流 3 無向圖的強聯通分量數論 1 中國剩余定理

linux下編譯安裝php各種報錯大集合

linuxPHP開源腳本語言PHP（外文名: Hypertext Preprocessor，中文名：“超文本預處理器”）是一種通用開源腳本語言。語法吸收了C語言、Java和Perl的特點，入門門檻較低，易於學習，使用廣泛，主要適用於Web開發領域。PHP的文件後綴名為php。本文為大家整理匯總了一些linux

wenblogic安裝中的錯誤大集合

weblogic 遇到幾大問題介於第二次安裝weblogic 貌似該出的錯誤都出現，下面一一講解 1. 安裝jdk遇到的問題此問題原因：由於之前jdk的軟件包沒有卸載幹凈解決辦法 which java 找到java包存放的位置cd /usr/bin/ sudo rm -rf j

Markdown 語法整理大集合2017

1.標題

h1

h2

h3

h4

h5

h6

2.分級標題

3.TOC

4.引用

5.行內標記

6.程式碼塊

7.插入連結

8.插入圖片

9.插入圖片帶有連結

10.視訊插入

11.序表

12.任務列表

13.表情

14.表格

15.支援內嵌CSS樣式

16.語義標記

17.語義標籤

18.格式化文字

19.公式 {#1}

20.分隔符

21.腳註

22.錨點

23.定義型列表

24.自動郵箱連結

25.流程圖

26.時序圖

27.生成側邊欄擴充套件

總結：常用標記

Markdown編寫工具

相關推薦