又有朋友入坑程序猿這一神圣而又偉大的職業(yè),問寫博客用 Markdown 語法怎么樣闸溃,表示大力贊同 揩瞪,一直以來都覺得 Markdown 語法超級簡單方便,這兩天年后剛上班拧略,閑來無事芦岂,于是整理下平常用到的 Markdown 語法,希望能幫到有需要的道友垫蛆。
一禽最、標(biāo)題
// 標(biāo)題前面加 # 號腺怯,一個 # 代表是一級標(biāo)題
#一級標(biāo)題
##二級標(biāo)題
###三級標(biāo)題
####四級標(biāo)題
#####五級標(biāo)題
######六級標(biāo)題
效果預(yù)覽:
一級標(biāo)題
二級標(biāo)題
三級標(biāo)題
四級標(biāo)題
五級標(biāo)題
六級標(biāo)題
二、區(qū)塊引用
// `>`后有 1 個空格
> 引用
> 一級引用
> > 二級引用
> > > 三級引用
> > > > 四級引用
> > > > > 五級引用
效果預(yù)覽:
引用
一級引用
二級引用
三級引用
四級引用
五級引用
三川无、強調(diào)
三個 *
或 _
代表斜體加粗呛占,兩個 *
或 _
代表加粗,一個 *
或 _
代表斜體懦趋,~~
代表刪除晾虑。
***斜體加粗文本*** 或者 ___斜體加粗文本___
**加粗文本** 或者 __加粗文本__
*斜體文本* 或者_斜體文本_
~~刪除文本~~
效果預(yù)覽:
斜體加粗文本 或者 斜體加粗文本
加粗文本 或者 加粗文本
斜體文本 或者斜體文本
刪除文本
當(dāng)然以上幾種還可以交叉使用,比如
~~**刪除加粗文本**~~
~~***刪除斜體加粗文本***~~
效果預(yù)覽:
刪除加粗文本
刪除斜體加粗文本
四愕够、列表
Markdown 支持有序列表和無序列表走贪。
無序列表使用 *
佛猛、-
惑芭、和 +
作為列表標(biāo)記:
* 北京
* 海淀區(qū)
* 五道口
* 上海
* 黃浦區(qū)
* 外灘
* 廣州
* 廣州
* 廣州
- 北京
- 海淀區(qū)
- 五道口
- 上海
- 黃浦區(qū)
- 外灘
- 廣州
- 廣州
- 廣州
+ 北京
+ 海淀區(qū)
+ 五道口
+ 上海
+ 黃浦區(qū)
+ 外灘
+ 廣州
+ 廣州
+ 廣州
效果預(yù)覽:
- 北京
- 海淀區(qū)
- 五道口
- 海淀區(qū)
- 上海
- 黃浦區(qū)
- 外灘
- 黃浦區(qū)
- 廣州
- 廣州
- 廣州
- 廣州
有序列表則使用數(shù)字加英文句點 .
來表示:
1. 北京
2. 上海
3. 廣州
效果預(yù)覽:
- 北京
- 上海
- 廣州
五、分隔線
可以用三個或三個以上的 *
继找、-
遂跟、或 _
來建立分隔線
******
___
---
效果預(yù)覽:
六、鏈接
Markdown 支持三種形式的鏈接語法: 行內(nèi)式和參考式和自動鏈接婴渡。
行內(nèi)式鏈接:[_以夢為馬](http://www.reibang.com/u/4f54fbd2ea5f)
參考式鏈接:[_以夢為馬][url]
// url 為鏈接標(biāo)記
[url]: http://www.reibang.com/u/4f54fbd2ea5f
自動鏈接:<http://www.reibang.com/u/4f54fbd2ea5f>
效果預(yù)覽:
行內(nèi)式鏈接:_以夢為馬
參考式鏈接:_以夢為馬
自動鏈接:http://www.reibang.com/u/4f54fbd2ea5f
七幻锁、圖片
Markdown 插入圖片的方式有兩種,分為行內(nèi)式和參考式边臼,但兩者都無法調(diào)整圖片大小哄尔,因此建議在插入圖片之前先調(diào)整好圖片的大小
行內(nèi)式插入圖片:![圖片描述](http://upload.jianshu.io/users/upload_avatars/2665449/2a2822209b0d.jpeg?imageMogr2/auto-orient/strip|imageView2/1/w/240/h/240)
參考式插入圖片:![圖片描述][image]
[image]: http://upload.jianshu.io/users/upload_avatars/2665449/2a2822209b0d.jpeg?imageMogr2/auto-orient/strip|imageView2/1/w/240/h/240
效果預(yù)覽:
這是行內(nèi)式插入圖片: [圖片上傳失敗...(image-62463-1514895850682)]
這是參考式插入圖片:![參考式插入圖片][image]
[image]: http://upload.jianshu.io/users/upload_avatars/2665449/2a2822209b0d.jpeg?imageMogr2/auto-orient/strip|imageView2/1/w/240/h/240
八、代碼
代碼分為行內(nèi)代碼和代碼框
- 行內(nèi)代碼就是用兩個`把需要添加行內(nèi)代碼的區(qū)域包起來柠并。
這是行內(nèi)代碼:`self.tableView.delegate = self`
效果預(yù)覽:
這是行內(nèi)代碼:self.tableView.delegate = self
- 代碼框就是用兩個 ``` 把需要添加行內(nèi)代碼的區(qū)域包起來岭接。
這是代碼框:
``` iOS
self.tableView.delegate = self;
self.tableView.dataSource = self;
self.tableView.showsVerticalScrollIndicator = NO;
self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
``` ```
**效果預(yù)覽**:
這是代碼框:
``` iOS
self.tableView.delegate = self;
self.tableView.dataSource = self;
self.tableView.showsVerticalScrollIndicator = NO;
self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
九、表格
- 表格對齊方式有三種:
- 居左:
:----
- 居中:
:----:
或-----
- 居右:
----:
- 居左:
|標(biāo)題|標(biāo)題|標(biāo)題|
|:---|:---:|---:|
|居左居左居左居左|居中|居右|
|居左|居中居中居中居中|居右|
|居左|居中|居右居右居右居右|
效果預(yù)覽:
標(biāo)題 | 標(biāo)題 | 標(biāo)題 |
---|---|---|
居左居左居左居左 | 居中 | 居右 |
居左 | 居中居中居中居中 | 居右 |
居左 | 居中 | 居右居右居右居右 |
十臼予、腳注
使用[^]來定義腳注:
這是一個腳注 [^1]
[^1]: 這是一個腳注
效果預(yù)覽:
這是一個腳注 [1]
十一鸣戴、高級技巧
- HTML 標(biāo)簽
- 代碼塊
<pre>代碼塊</pre>
效果預(yù)覽:
<pre>代碼塊</pre> - 粗斜體
<b> Markdown 加粗 *斜體* </b>
效果預(yù)覽:
<b> Markdown 加粗 斜體 </b> - 下劃線
<u>下劃線</u>
效果預(yù)覽:
<u>下劃線</u>
Markdown 中 HTML 標(biāo)簽還有很多,比如<kdb>
<i>
<em>
<sup>
<sub>
<br>
<p>
等等粘拾,有興趣的童鞋可以試試窄锅。
- 符號轉(zhuǎn)義
\_不想這里的文本變斜體\_
\*\*不想這里的文本加粗\*\*
效果預(yù)覽:
_不想這里的文本變斜體_
**不想這里的文本加粗**
結(jié)束語:
Markdown 的常用語法基本上都在這里了,另外再推薦一款免費且十分好用的 Markdown 編輯器 Mou(Mac OS X 上)缰雇。
-
這是一個腳注 ?