又有朋友入坑程序猿這一神圣而又偉大的職業,問寫博客用 Markdown 語法怎么樣,表示大力贊同 ,一直以來都覺得 Markdown 語法超級簡單方便,這兩天年后剛上班,閑來無事,于是整理下平常用到的 Markdown 語法,希望能幫到有需要的道友。
一、標題
// 標題前面加 # 號,一個 # 代表是一級標題
#一級標題
##二級標題
###三級標題
####四級標題
#####五級標題
######六級標題
效果預覽:
一級標題
二級標題
三級標題
四級標題
五級標題
六級標題
二、區塊引用
// `>`后有 1 個空格
> 引用
> 一級引用
> > 二級引用
> > > 三級引用
> > > > 四級引用
> > > > > 五級引用
效果預覽:
引用
一級引用
二級引用
三級引用
四級引用
五級引用
三、強調
三個 *
或 _
代表斜體加粗,兩個 *
或 _
代表加粗,一個 *
或 _
代表斜體,~~
代表刪除。
***斜體加粗文本*** 或者 ___斜體加粗文本___
**加粗文本** 或者 __加粗文本__
*斜體文本* 或者_斜體文本_
~~刪除文本~~
效果預覽:
斜體加粗文本 或者 斜體加粗文本
加粗文本 或者 加粗文本
斜體文本 或者斜體文本
刪除文本
當然以上幾種還可以交叉使用,比如
~~**刪除加粗文本**~~
~~***刪除斜體加粗文本***~~
效果預覽:
刪除加粗文本
刪除斜體加粗文本
四、列表
Markdown 支持有序列表和無序列表。
無序列表使用 *
、-
、和 +
作為列表標記:
* 北京
* 海淀區
* 五道口
* 上海
* 黃浦區
* 外灘
* 廣州
* 廣州
* 廣州
- 北京
- 海淀區
- 五道口
- 上海
- 黃浦區
- 外灘
- 廣州
- 廣州
- 廣州
+ 北京
+ 海淀區
+ 五道口
+ 上海
+ 黃浦區
+ 外灘
+ 廣州
+ 廣州
+ 廣州
效果預覽:
- 北京
- 海淀區
- 五道口
- 海淀區
- 上海
- 黃浦區
- 外灘
- 黃浦區
- 廣州
- 廣州
- 廣州
- 廣州
有序列表則使用數字加英文句點 .
來表示:
1. 北京
2. 上海
3. 廣州
效果預覽:
- 北京
- 上海
- 廣州
五、分隔線
可以用三個或三個以上的 *
、-
、或 _
來建立分隔線
******
___
---
效果預覽:
六、鏈接
Markdown 支持三種形式的鏈接語法: 行內式和參考式和自動鏈接。
行內式鏈接:[_以夢為馬](http://www.lxweimin.com/u/4f54fbd2ea5f)
參考式鏈接:[_以夢為馬][url]
// url 為鏈接標記
[url]: http://www.lxweimin.com/u/4f54fbd2ea5f
自動鏈接:<http://www.lxweimin.com/u/4f54fbd2ea5f>
效果預覽:
行內式鏈接:_以夢為馬
參考式鏈接:_以夢為馬
自動鏈接:http://www.lxweimin.com/u/4f54fbd2ea5f
七、圖片
Markdown 插入圖片的方式有兩種,分為行內式和參考式,但兩者都無法調整圖片大小,因此建議在插入圖片之前先調整好圖片的大小
行內式插入圖片:
參考式插入圖片:![圖片描述][image]
[image]: http://upload.jianshu.io/users/upload_avatars/2665449/2a2822209b0d.jpeg?imageMogr2/auto-orient/strip|imageView2/1/w/240/h/240
效果預覽:
這是行內式插入圖片: [圖片上傳失敗...(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
八、代碼
代碼分為行內代碼和代碼框
- 行內代碼就是用兩個`把需要添加行內代碼的區域包起來。
這是行內代碼:`self.tableView.delegate = self`
效果預覽:
這是行內代碼:self.tableView.delegate = self
- 代碼框就是用兩個 ``` 把需要添加行內代碼的區域包起來。
這是代碼框:
``` iOS
self.tableView.delegate = self;
self.tableView.dataSource = self;
self.tableView.showsVerticalScrollIndicator = NO;
self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
``` ```
**效果預覽**:
這是代碼框:
``` iOS
self.tableView.delegate = self;
self.tableView.dataSource = self;
self.tableView.showsVerticalScrollIndicator = NO;
self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
九、表格
- 表格對齊方式有三種:
- 居左:
:----
- 居中:
:----:
或-----
- 居右:
----:
- 居左:
|標題|標題|標題|
|:---|:---:|---:|
|居左居左居左居左|居中|居右|
|居左|居中居中居中居中|居右|
|居左|居中|居右居右居右居右|
效果預覽:
標題 | 標題 | 標題 |
---|---|---|
居左居左居左居左 | 居中 | 居右 |
居左 | 居中居中居中居中 | 居右 |
居左 | 居中 | 居右居右居右居右 |
十、腳注
使用[^]來定義腳注:
這是一個腳注 [^1]
[^1]: 這是一個腳注
效果預覽:
這是一個腳注 [1]
十一、高級技巧
- HTML 標簽
- 代碼塊
<pre>代碼塊</pre>
效果預覽:
<pre>代碼塊</pre> - 粗斜體
<b> Markdown 加粗 *斜體* </b>
效果預覽:
<b> Markdown 加粗 斜體 </b> - 下劃線
<u>下劃線</u>
效果預覽:
<u>下劃線</u>
Markdown 中 HTML 標簽還有很多,比如<kdb>
<i>
<em>
<sup>
<sub>
<br>
<p>
等等,有興趣的童鞋可以試試。
- 符號轉義
\_不想這里的文本變斜體\_
\*\*不想這里的文本加粗\*\*
效果預覽:
_不想這里的文本變斜體_
**不想這里的文本加粗**
結束語:
Markdown 的常用語法基本上都在這里了,另外再推薦一款免費且十分好用的 Markdown 編輯器 Mou(Mac OS X 上)。
-
這是一個腳注 ?