[MarkDown] MarkDown語法小結

特殊字符自動轉換

HTML中,© 可以寫成©也可以直接輸 ©

HTML中 < 和 & 都要轉碼 但markdown不必,輸入&&amp; 都顯示 &< 也一樣

4 < 5 輸<後面最好加個空格,否則會當起始標籤使用 4<5 輸字符碼&lt;不用考慮這個問題


段落和換行

一個 Markdown 段落的前後要有一個以上的空行。普通段落不該用空格或製表符來縮進。如果想在段前加縮進 &emsp;是一箇中文字符 &ensp;是半個中文字符 &nbsp;是1/4中文字符

標題有兩種形式 1.用=或者-表示兩階標題,符號數量建議3個以上,緊挨着顯示的標題下一行輸入

第一階標題
=======
第二階標題顯示效果有下劃線
---

效果:

第一階標題

第二階標題顯示效果有下劃線

2.開頭用#的數量表示1-6階的標題,結尾可以以任意數量#結尾(包括0個)

H1

H2有下劃線

H3

H4

H5
H6
#H7 超過6個#就是這個樣子

區塊引用

在每行前面使用> 或者只在段落中第一行前加>

This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus. Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse id sem consectetuer libero luctus adipiscing.

區塊引用也可以嵌套,在嵌套的地方加多個>>就好 這裏空行可以不加 > 只要前後段落沒有其他不加>的段落就不影響效果,自己可以試試

數據結構 樹 二叉樹 平衡二叉樹 滿二叉樹

引用的區塊內也可以使用其他的 Markdown 語法,包括標題、列表、代碼區塊等:

這是一個標題。

  1. 這是第一行列表項。
  2. 這是第二行列表項。

給出一些例子代碼: return shell_exec("echo $input | $markdown_script");


列表

支持有序列表和無序列表,就是列表項前面是數字還是點 無序可用 * + - 顯示都是點 比如輸入

* Red
+ Green
- Blue

顯示爲

  • Red
  • Green
  • Blue

有序用數字加英文. 數字是幾無所謂的 生成的html代碼是一樣的

建議第一個項目最好還是從 1. 開始,因爲 Markdown 未來可能會支持有序列表的 start 屬性。

  1. Red
  2. Green
  3. Blue

</br> 列表項目標記通常是放在最左邊,但是其實也可以縮進,最多 3 個空格,項目標記後面則一定要接着至少一個空格或製表符。每一項換行後前面不對齊也沒關係,產生的效果還是好的

  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
  • Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse id sem consectetuer libero luctus adipiscing.

如果列表項之間用空格隔開,輸出html會給每一項加<p>標籤

一個列表項也可以包含多個段落 每一項下的段落都必須縮進4個空格或者一個製表符

  1. This is a list item with two paragraphs. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus. Donec sit amet nisl. Aliquam semper ipsum sit amet velit.
  2. Suspendisse id sem consectetuer libero luctus adipiscing.

如果列表項內的引用需要縮進,在>前面加上縮進,引用就在列表項內顯示

  • A list item with a blockquote: This is a blockquote inside a list item

如果要在list中放代碼,該區塊需要縮進2次 即8個空格或2個tab

  • a list item with a codeblock private void fun(int x){ }

代碼區塊

開頭加4個空格或一個tab即可,markdown會在生成的html代碼包上 pre code 標籤

這是代碼區塊

一個代碼區塊會一直持續到沒有縮進的那一行(或是文件結尾)。

<div class="footer">
    &copy; 2004 Foo Corporation
</div>

代碼區塊中的 &< > 符號會自動轉成html應該顯示的代碼,輸 & 就會轉換成 &amp;,顯示爲 & ,也就是輸什麼顯示什麼。

代碼區塊中 markdown 語法不會轉換,比如

* Red
+ Green
- Blue

分割線

可以在一行用3個以上的

* * *  *  **
-- ---- --
___ ___ __




---


## 鏈接
鏈接文字都是用 [方括號] 來標記。分爲兩種方式:(我直接用<a></a>如何呢)
1.	行內式

   只要在方塊括號後面緊接着圓括號並插入網址鏈接即可,如果你還想要加上鍊接的 title 文字,只要在網址後面,用雙引號把 title 文字包起來即可,如:

   This is [an example](http://www.cnblogs.com/rossoneri/ "我的博客園") inline link with title.
   [This link](http://www.cnblogs.com/rossoneri/) has no title.
2.	參考式

   是在鏈接文字的括號後面再接上另一個方括號,而在第二個方括號裏面要填入用以辨識鏈接的標記,兩個括號間可以最多加上一個空格:

   This is [an example] [id] reference-style link.

   接着,在文件的任意處,你可以把這個標記的鏈接內容定義出來:
   `   [id]: http://www.cnblogs.com/rossoneri/ "我的博客園"`
   鏈接內容定義的形式爲:
   * 方括號(前面可以選擇性地加上至多三個空格來縮進),裏面輸入鏈接文字
   * 接着一個冒號
   * 接着一個以上的空格或製表符
   * 接着鏈接的網址
   * 選擇性地接着 title 內容,可以用單引號、雙引號或是括弧包着

  下面這三種鏈接的定義都是相同的:
		[foo]: http://example.com/  "Optional Title Here"
		[foo]: http://example.com/  'Optional Title Here'
		[foo]: http://example.com/  (Optional Title Here)

   請注意:有一個已知的問題是 Markdown.pl 1.0.1 會忽略單引號包起來的鏈接 title。

鏈接網址也可以用尖括號包起來,其中title屬性可以換行:
	[id]: <http://example.com/>  "Optional Title Here"

隱式鏈接標記功能讓你可以省略指定鏈接標記,這種情形下,鏈接標記會視爲等同於鏈接文字,要用隱式鏈接標記只要在鏈接文字後面加上一個空的方括號.
如果你要讓 "Google" 鏈接到 google.com,你可以簡化成:`[Google co.][]`
然後定義鏈接內容:`[Google co.]: http://google.com/`

效果如下:
[Google co.][]
[Google co.]: http://google.com/

  [id]: http://www.cnblogs.com/rossoneri/ "我的博客園"
  
  
下面列出三種寫法,推薦參考式,鏈接放在段落最後寫起來會比較清晰。


	參考式1
    I get 10 times more traffic from [Google] [1] than from [Yahoo] [2] or [MSN] [3].
    
    [1]: http://google.com/        "Google"
    [2]: http://search.yahoo.com/  "Yahoo Search"
    [3]: http://search.msn.com/    "MSN Search"
----
	參考式2
     get 10 times more traffic from [Google][] than from [Yahoo][] or [MSN][].
     
     [google]: http://google.com/        "Google"
     [yahoo]:  http://search.yahoo.com/  "Yahoo Search"
     [msn]:    http://search.msn.com/    "MSN Search"
----
	行內式
    I get 10 times more traffic from [Google (http://google.com/ "Google") than from [Yahoo](http://search.yahoo.com/ "Yahoo Search") or [MSN](http://search.msn.com/ "MSN Search").

效果:
I get 10 times more traffic from [Google] [1] than from [Yahoo] [2] or [MSN] [3].

  [1]: http://google.com/        "Google"
  [2]: http://search.yahoo.com/  "Yahoo Search"
  [3]: http://search.msn.com/    "MSN Search"

----


## 強調
兩端<font color=red>各</font>用<font color=red>一個</font> `*`或者 `_`包起來是斜體,<font color=red>各</font>用<font color=red>兩個</font>包起來是粗體:
*single asterisks*
_single underscores_
**double asterisks**
__double underscores__

如果符號兩邊都是空白,沒有緊貼着文字,將會當普通符號。
如果就是要輸出符號則要反斜槓`\*` 或者 `\_`

----
## 刪除線
文本兩端加上兩個`~~`即可
~~刪除我~~

---

## 代碼
要標記一小段行內代碼,用反引號包起來 ` ` `
Use the `printf()` function.

如果要在代碼區段內插入反引號,你可以用多個反引號來開啓和結束代碼區段
像這樣輸入 ``` ``There is a literal backtick (`) here.``

效果爲 There is a literal backtick (`) here.

代碼區段起始前和結束後都可以放一個空格,方便代碼段隔開 比如可以輸入

就顯示爲 `` `foo` ``

代碼內可以直接放入 `<` `>` `&` 符號

另外還可以設置代碼高亮,根據代碼類型來選擇,輸入格式爲:
```` 
```java (type)
	code here
幾種代碼效果如下:
```Java
public static void main(String[]args){} //Java
int main(int argc, char *argv[]) //C
echo "hello GitHub"#Bash
document.getElementById("myH1").innerHTML="Welcome to my Homepage"; //javascipt
string &operator+(const string& A,const string& B) //cpp

圖片

也分爲行內式和鏈接式

  • 行內式格式:! + [替代圖片的文字,可空] + (路徑 title)
  • 鏈接式格式:! + [替代圖片的文字,可空] + [id]                       [id]: 路徑 title

反斜槓

反斜槓可以輸出顯示一些符號,支持的有

\   反斜線
`   反引號
*   星號
_   底線
{}  花括號
[]  方括號
()  括弧
#   井字號
+   加號
-   減號
.   英文句點
!   驚歎號

表格

表頭1  | 表頭2
------------- | -------------
Content Cell  | Content Cell
Content Cell  | Content Cell

| 表頭1  | 表頭2|
| ------------- | ------------- |
| Content Cell  | Content Cell  |
| Content Cell  | Content Cell  |

| 名字 | 描述          |
| ------------- | ----------- |
| Help      | Display the help window.|
| Close     | Closes a window     |

表格中也可以使用普通文本的刪除線,斜體等效果

| 名字 | 描述          |
| ------------- | ----------- |
| Help      | ~~Display the~~ help window.|
| Close     | _Closes_ a window     |

表格可以指定對齊方式

| 左對齊 | 居中  | 右對齊 |
| :------------ |:---------------:| -----:|
| col 3 is      | some wordy text | $1600 |
| col 2 is      | centered        |   $12 |
| zebra stripes | are neat        |    $1 |

效果:


github 特有的特性

複選框列表

在列表符號後面加上[]或者[x]代表選中或者未選中情況

  • [x] C
  • [x] C++
  • [x] Java
  • [x] Qt
  • [x] Android
  • [ ] C#
  • [ ] .NET

效果如圖:

emoji表情

Github的Markdown語法支持添加emoji表情,輸入不同的符號碼(兩個冒號包圍的字符)可以顯示出不同的表情。

比如:blush:,可以顯示

更多表情符號可以從這裏找。

有待補充

其實在haroopad左側有一個 Quick Markdown 的選項,裏面還有不少沒用過的命令,看名字大概能猜出意思,這個往後慢慢研究再補充吧。

參考

Markdown 語法說明 某人的Github

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章