Markdown 是一種「電子郵件」風(fēng)格的「標(biāo)記語言」
參考文章:
獻(xiàn)給寫作者的MarkDown新手指南
MarkDown語法說明
認(rèn)識(shí)與入門 Markdown
編輯器
MarkPad 可以直接new jekyll page文檔
標(biāo)題
一級(jí)標(biāo)題
二級(jí)標(biāo)題
三級(jí)標(biāo)題
四級(jí)標(biāo)題
五級(jí)標(biāo)題
六級(jí)標(biāo)題
注:# 和「一級(jí)標(biāo)題」之間建議保留一個(gè)字符的空格鲫懒,這是最標(biāo)準(zhǔn)的 Markdown 寫法肆捕。
列表
無序
兩種寫法
- 文本1
- 文本2
- 文本3
- 111
- 222
- 333
有序
- 文本1
- 文本2
- 文本3
快速鏈接
跳轉(zhuǎn)到引用
這個(gè)在簡書不好用爸シⅰ试溯?
鏈接和圖片
注:插入圖片的語法和鏈接的語法很像剥懒,只是前面多了一個(gè) 渔欢!猛拴。
<p id = "build"></p>
引用
一盞燈稳衬, 一片昏黃霞捡; 一簡書, 一杯淡茶薄疚。 守著那一份淡定碧信, 品讀屬于自己的寂寞赊琳。 保持淡定, 才能欣賞到最美麗的風(fēng)景音婶! 保持淡定慨畸, 人生從此不再寂寞。
床前明月光
疑是地上霜
舉頭望明月
低頭思故鄉(xiāng)
注:>和文本之間要保留一個(gè)字符的空格
粗體和斜體
用兩個(gè) * 包含一段文本就是粗體的語法衣式,用一個(gè) * 包含一段文本就是斜體的語法
一盞燈寸士, 一片昏黃;一簡書碴卧, 一杯淡茶弱卡。 守著那一份淡定, 品讀屬于自己的寂寞住册。 保持淡定婶博, 才能欣賞到最美麗的風(fēng)景! 保持淡定荧飞, 人生從此不再寂寞凡人。
表格
Tables | Are | Cool |
---|---|---|
col 3 is | right-aligned | $1600 |
col 2 is | centered | $12 |
zebra stripes | are neat | $1 |
顯示鏈接中帶括號(hào)的圖片
![][1]
[1]: http://latex.codecogs.com/gif.latex?\prod%20(n_{i})+1
代碼片段
這個(gè)```是那個(gè)按鍵?叹阔?挠轴?
`這個(gè)符號(hào)是在 Esc 鍵下面,切換到英文下即可耳幢。
只需要用兩個(gè) 把中間的代碼包裹起來岸晦,如
code`
code
// action啟動(dòng)方法
public static void mainActionStart(Context c, String name, String region) {
Intent intent = new Intent(c, MainActivity.class);
intent.putExtra("name", name);
intent.putExtra("region", region);
c.startActivity(intent);
}
// Component/index.js
require('./index.scss');
表示此段代碼為javascript代碼,Markdown會(huì)自行使用javascript代碼顏色渲染睛藻。這里也可以不寫启上。
PS:誰能夠提供一個(gè)完整的Markdown可以渲染的語言列表啊,比如:linux命令這里寫什么店印?
**應(yīng)該是下面這個(gè)**
[rouge支持的語言列表 ](https://github.com/jneen/rouge/wiki/List-of-supported-languages-and-lexers)
[源頭](http://jekyllcn.com/docs/templates/)
測試json:(加和不加效果一樣冈在,,按摘,)
```json
{
"people":[
{"firstName":"Brett","lastName":"McLaughlin","email":"aaaa"},
{"firstName":"Jason","lastName":"Hunter","email":"bbbb"},
{"firstName":"Elliotte","lastName":"Harold","email":"cccc"}
]
}
使用代碼高亮的例子如下:
{% highlight ruby %}
def foo
puts 'foo'
end
{% endhighlight %}
行內(nèi)代碼
這是javascript
代碼
<ul>
<li *ngFor="#hero of heroes">
{{hero.name}}
</li>
</ul>
Ember : {{# each}}
Angular 1 : ng-repeat
Angular 2 : ngFor
Knockout : data-bind="foreach"
React : 直接用 JS 就好啦 :)
其他小用法
分割線:
&符號(hào):
&
自動(dòng)鏈接
反斜杠
*literal asterisks*
Markdown 支持以下這些符號(hào)前面加上反斜杠來幫助插入普通的符號(hào):
- \ 反斜線
- ` 反引號(hào)
- 星號(hào)
- _ 底線
- {} 花括號(hào)
- [] 方括號(hào)
- () 括弧
-
井字號(hào)
- 加號(hào)
- 減號(hào)
- . 英文句點(diǎn)
- ! 驚嘆號(hào)
級(jí)聯(lián)列表:
- Document Times
- Frameworks
- Style Guide
- OOCSS
- SMACSS
- Pre-processer
- PostCSS
<pre>
照片Icon One One
主屏幕 ? 相簿列表 ? 相簿 ? 單張照片
Home Back Back
</pre>
<pre>
微信
Kant 給你發(fā)了一個(gè)紅包
</pre>
—— Zhangxx 完成于 2016年4月29日02:40:40
查找rouge支持的語言花了一些時(shí)間讥邻;