用markdown寫博客

目錄

• 用markdown寫博客
  • 前言
  • 標題
  • 段落
  • 引用區塊
  • 代碼塊
  • 列表
  • 分隔線
  • 連接
  • 強調、加粗、下劃線、刪除線
  • 圖片
  • 智能連接
  • 表格
  • 轉義序列

用markdown寫博客

前言

博客園支持用markdown語法寫博客。markdown是什麼東西？他是一套中間格式化文本的語法，用他寫文章在支持這個語法的排版系統裏面，會生成對應的排版格式。由於這套中間語言，那麼咱們就不用學習各類平臺獨有的排版方式，節省時間。固然，最重要的是markdown自己易於書寫，不然就沒有使用價值了。

下面咱們來學習一下markdown語法。

標題

# 大標題
## 中標題
### 小標題
#### 更小的標題

效果：

段落

段落只須要先後保留一個以上空行。
換行只須要在行尾連續輸入兩個空格，回車。

引用區塊

這個在中文中不多使用，可是外文仍是比較喜歡使用的，至關於一個特殊的段落。

1. 寫法一：
   > 引用段落
   
2. 寫法二：

> 111
222
333

1. 寫法三：

> 111
> 222
> 333

效果：

111
222
333

代碼塊

這個是給廣大程序員的福利，藉助markdown能夠輕鬆錄入代碼段，代碼段能夠保持良好的縮進格式，還便於特殊字符的書寫，好比尖括號 < (即<)； 連字符 &(即&)，不會發生轉義。

只要在段落開始tab鍵一次或四次空格。
或者在一行中用 `反引號` 包含起來，反引號在Esc鍵下面那個鍵。
或者用```三個反引號序列先後一行圍起來，而且在開始的反引號序列後加上語言名稱還能實現代碼着色。

1. 寫法一：
   

void mian()
    {
        return;
    }

1. 寫法二：
   `int i=10;`
2. 寫法三：

```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

效果：

1. 有序列表，只須要數字+.+空格+內容
   
2. 222
   
3. 333
   

• 無序列表
  
• 222
  
• 333

分隔線

就是一條線。博客園貌似不支持。
三個以上的星號，或者減號，底線

***
---
___

效果：
***
---
___

連接

超文本免不了連接元素。而markdown有良好的支持。

[文本](連接 「標題」)
[博客園](http://www.cnblogs.com "點擊就送")

[百度][b]  
[b]: http://www.baidu.com "點擊「

效果：
博客園
[百度][b]
[b]: http://www.baidu.com "點擊就爆「

強調、加粗、下劃線、刪除線

字體修飾，能夠強調某些文字，也是比較經常使用的。

*強調*
**加粗**
<u>下劃線</u>
~~刪除線~~

效果：
強調
加粗
下劃線
刪除線

圖片

超連接免不了要插入圖片，可是這個仍是有點難度的。通常的文本編輯器插入圖片太麻煩了，若是有支持插圖功能的markdown編輯器才比較方便。

![Alt文本](https://www.cnblogs.com/images/logo_small.gif)

效果：

智能連接

經過尖口號括起來的連接或者郵箱地址，能夠自動轉換爲合適的超連接。

<contact@cnblogs.com>
<http://www.cnblogs.com>

效果：
contact@cnblogs.com
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的一部分，若是要按照正常字符輸出，能夠在字符前面添加反斜槓 \ 。