博客園 Markdown編輯器簡要教程

簡介

在剛才的導語里提到，Markdown 是一種用來寫作的輕量級「標記語言」，它用簡潔的語法代替排版，而不像一般我們用的字處理軟件 Word 或 Pages 有大量的排版、字體設置。它使我們專心於碼字，用「標記」語法，來代替常見的排版格式。例如此文從內容到格式，甚至插圖，鍵盤就可以通通搞定了。
目前來看，支持 Markdown 語法的編輯器有很多，包括很多網站（例如簡書）也支持了 Markdown 的文字錄入。Markdown 從寫作到完成，導出格式隨心所欲，你可以導出 HTML 格式的文件用來網站發布，也可以十分方便的導出 PDF 格式，這種格式寫出的簡歷更能得到 HR 的好感。甚至可以利用 CloudApp 這種雲服務工具直接上傳至網頁用來分享你的文章，全球最大的輕博客平台 Tumblr，也支持 Mou 這類 Markdown 工具的直接上傳。

參考鏈接

markdown 使用教程—— Jimmy_Nie的博客園

博客園markdown 編輯器指南—— 不忘初心，方得始終的博客園

Markdown進階

CSDN的markdown編輯器語法

博客園配置Markdown編輯器

1. 從 我的博客 -> 管理 進入博客后台
2. 點擊左側列表欄的 “設置默認編輯器”
3. 選中 Markdown 並 SAVE
4. 此時回到添加新隨筆，可使用Markdown編輯新隨筆了

博客園 Markdown簡要語法

1. 標題

在需要被定義為標題的一段文字前加 #，並且以 # 的數量來區分標題的級別 這是引用內容

2. 列表

2.1 無序列表

在列表文字前加上-或*或+符號，即可變為無序列表，支持多級嵌套

2.2 有序列表

采用在文字前加1. 2. 3. 的形式，變為有序列表
注：符號與文字之間必須有 空格

3. 空格 & 空行

3.1 段落首行縮進/空格

• 輸入法切換至全角，雙擊 空格 「推薦」
• 半方大的空白   或 &#8194 : 英文空格(半角)
• 全方大的空白   或 &#8195 : 中文空格(全角)
• 不斷行的空白格   或 &#160

3.2 換行/空行

使用<br> 【推薦】

4. 引用

當需要引入有出處的一段話時，就使用引用的方式，其實現為在行開始處加入>，如下所示：

5. 圖片 & 鏈接

• 圖片

![]() ：

• 鏈接

[]() ：[鏈接名稱(可自定義)](鏈接地址)

<>：使用<>將 網址 和 電子郵件信箱 包起來，Markdown就會自動把它轉成鏈接

6. 字體設置

• 粗體:
  字符串前后都加上**
• 斜體:
  字符串前后都加上*
• 刪除線:
  字符串前后都加上~~
• 刪除線:
  字符串前后都加上 ` (Esc下方的那個鍵)

7. 分隔線

當上下文沒有關聯時，可以使用分隔線進行隔開，分隔符的格式如下：

• 連續多個*(>=3)
• 連續多個-(>=3)
• 連續多個_(>=3)

**注：分隔符的中間可以有空格，但使用時分隔符的上方必須空一行

8. 表格

表格的通常做法如下：

####表格title
header 1 | header 2 | header 3
- | - | - 該行是thead 與 tbody的分隔符
col 1 | col 2 | col 3
col 1 | col 2 | col 3

可用<br>在單元格內換行，暫時不支持合並單元格；編輯表格時，上方須空一行

9. 代碼框

若想要文章中的代碼照原來的樣子顯示，只要簡單地縮進 4 個空格或是 1 個制表符就可以，或者使用相應的符號將代碼包裹起來。行內代碼用`var sub = b - a;`，`(Esc下方的那個鍵)，代碼塊則用：

```
//代碼塊
```

var sub = b - a;

$("#y_btn").click(function(event) {  
        /* Act on the event */
        var sub = b - a;
    });

10. 生成目錄

在文本中加入該元素 [TOC] ，文本中的一級#、二級##、三級###標題 都會自動成為目錄列表標題

11. 轉義

Markdown 支持以下符號前面加上反斜杠\，來幫助插入以下普通的符號：

\ 反斜線
` 反引號
* 星號
_ 下划線
{} 花括號
[] 方括號
() 括弧
# 井字號
+ 加號
- 減號
. 英文句點
! 感嘆號

12. 更改文字的字體、大小、顏色

Markdown語法：

<font face="黑體">我是黑體字</font><br/>
<font face="微軟雅黑">我是微軟雅黑</font><br/>
<font face="fantasy">我是"fantasy"字體</font><br/>
<font color=#dd0000>我是紅色</font><br/>
<font color=#00dd00>淺綠色文字</font><br/>
<font color=#006600>深綠色文字</font><br/>
<font color=Blue>我是藍色</font><br/>
<font size=5>我是尺寸</font><br/>
<font face="宋體" color=green size=6>我是宋體，綠色，尺寸為6</font>

效果如下：

我是黑體字

我是微軟雅黑

我是 fantasy 字體

我是紅色

淺綠色文字

深綠色文字

我是藍色

我是尺寸

我是宋體，綠色，尺寸為6

13. 給文本添加背景色

style 標簽和標簽的 style 屬性不被支持，對於文字背景色的設置需要借助 table, tr, td 等表格標簽的 bgcolor 屬性來實現。
Markdown語法：

<table><tr><td bgcolor=#54FF9F>背景色的設置按照十六進制顏色值：#54FF9F</td></tr></table>

效果如下：

背景色的設置按照十六進制顏色值：#54FF9F

### 14. 設置圖片 #### 設置圖片百分比 ``` ``` #### 設置圖片大小 ``` ``` #### 設置圖片居中 ```

```

總結

以上經測試，在博客園的Markdown均能得到支持，有些文字字體可能會不被支持