用markdown寫博客
目錄
- 用markdown寫博客
- 前言
- 標題
- 段落
- 引用區塊
- 代碼塊
- 列表
- 分隔線
- 鏈接
- 強調、加粗、下劃線、刪除線
- 圖片
- 智能鏈接
- 表格
- 轉義序列
用markdown寫博客
前言
博客園支持用markdown語法寫博客。markdown是什麽東西?他是一套中間格式化文本的語法,用他寫文章在支持這個語法的排版系統裏面,會生成對應的排版格式。因為這套中間語言,那麽我們就不用學習各種平臺獨有的排版方式,節省時間。當然,最重要的是markdown本身易於書寫,否則就沒有使用價值了。
下面我們來學習一下markdown語法。
標題
# 大標題
## 中標題
### 小標題
#### 更小的標題
效果:
段落
段落只需要前後保留一個以上空行。
換行只需要在行尾連續輸入兩個空格,回車。
引用區塊
這個在中文中很少使用,但是外文還是比較喜歡使用的,相當於一個特殊的段落。
- 寫法一:
> 引用段落
- 寫法二:
> 111
222
333
- 寫法三:
> 111
> 222
> 333
效果:
111
222
333
代碼塊
這個是給廣大程序員的福利,借助markdown可以輕松錄入代碼段,代碼段可以保持良好的縮進格式,還便於特殊字符的書寫,比如尖括號 < (即<
); 連字符 &(即&
),不會發生轉義。
只要在段落開始tab鍵一次或四次空格。
或者用```三個反引號序列前後一行圍起來,並且在開始的反引號序列後加上語言名稱還能實現代碼著色。
- 寫法一:
void mian()
{
return;
}
- 寫法二:
`int i=10;` - 寫法三:
```html
<div>
<div>111</div>
<div>222</div>
<div>
```
效果:
void main()
{
return;
}
int i=10;
<div> <div>111</div> <div>222</div> <div>
列表
列表是比較常用的一種排版元素,分為有序列表和無序列表。
1. 有序列表,只需要數字+.+空格+內容
2. 222
3. 333
- 無序列表
- 222
- 333
效果:
- 有序列表,只需要數字+.+空格+內容
- 222
- 333
- 無序列表
- 222
- 333
分隔線
就是一條線。博客園貌似不支持。
三個以上的星號,或者減號,底線
***
---
___
效果:
***
---
___
鏈接
超文本免不了鏈接元素。而markdown有良好的支持。
[文本](鏈接 “標題”)
[博客園](http://www.cnblogs.com "點擊就送")
[百度][b]
[b]: http://www.baidu.com "點擊“
效果:
博客園
[百度][b]
[b]: http://www.baidu.com "點擊就爆“
強調、加粗、下劃線、刪除線
字體修飾,可以強調某些文字,也是比較常用的。
*強調*
**加粗**
<u>下劃線</u>
~~刪除線~~
效果:
強調
加粗
下劃線
刪除線
圖片
超鏈接免不了要插入圖片,但是這個還是有點難度的。一般的文本編輯器插入圖片太麻煩了,如果有支持插圖功能的markdown編輯器才比較方便。
![Alt文本](http://image.bubuko.com/info/201901/20190128171731379590.gif)
效果:
智能鏈接
通過尖口號括起來的鏈接或者郵箱地址,可以自動轉換為合適的超鏈接。
<[email protected]>
<http://www.cnblogs.com>
效果:
[email protected]
http://www.cnblogs.com
表格
很形象,看演示:
列1|列2|列3|列4
-|-|-|-
a|b|c|d
1|2|3|
x||4|5
效果:
列1 | 列2 | 列3 | 列4 |
---|---|---|---|
a | b | c | d |
1 | 2 | 3 | |
x | 4 | 5 |
轉義序列
難免需要轉義序列,因為有些字符是markdown的一部分,如果要按照正常字符輸出,可以在字符前面添加反斜杠 \ 。
用markdown寫博客