CSDN 寫博客有兩種編輯器，我對于這兩種編譯器的看法。默認的 HTML編輯器，界面清晰，但是操作比較麻煩。而 markdown編輯器可以更方便的專注于文章的編輯，不過我覺的字體太小一直沒有使用過。

一、幫助

二、快捷鍵

加粗 Ctrl + B
斜體 Ctrl + I
引用 Ctrl + Q
插入鏈接 Ctrl + L
插入代碼 Ctrl + K
插入圖片 Ctrl + G
提升標題 Ctrl + H
有序列表 Ctrl + O
無序列表 Ctrl + U
橫線 Ctrl + R
撤銷 Ctrl + Z
重做 Ctrl + Y

三、Markdown語法幫助

1、標題

在文字寫書寫不同數量的#可以完成不同的標題，如下：# 一級標題 ## 二級標題 ### 三級標題 #### 四級標題 ##### 五級標題 ###### 六級標題等號及減號也可以進行標題的書寫，不過只能書寫二級標題，并且需要寫在文字的下面，減號及等號的數量不會影響標題的基數，如下：二級標題 =========二級標題 ---------

效果

2、列表

無序列表的使用，在符號“-”后加空格使用。如下：- 無序列表1 - 無序列表2 - 無序列表3如果要控制列表的層級，則需要在符號“-”前使用空格。如下：- 無序列表1 - 無序列表2- 無序列表2.1- 列表內容- 列表內容有序列表的使用，在數字及符號“.”后加空格幾個，如下：1. 有序列表1 2. 有序列表2 3. 有序列表3 有序列表如果要區分層級，也可以在數字前加空格。

效果

3、引用

引用的格式是使用符號“>”后面書寫文字，及可以使用引用。如下：>這個是引用 > 是不是和電子郵件中的 > 引用格式很像

效果

4、粗體與斜體

粗體的使用是在需要加粗的文字前后各加兩個“*”，而斜體的使用則是在需要斜體的文字前后各加一個“*”，如果要使用粗體和斜體，那么就是在需要操作的文字前后各加三個“*”。如下：**這個是粗體** *這個是斜體* ***這個是粗體加斜體***

效果

5、鏈接與圖片

在文中直接加鏈接，中括號中是需要添加鏈接的文字，圓括號中是需要添加的鏈接，如下：[link text](http://example.com/ "optional title")在引用中加鏈接，第一個中括號添加需要添加的文字，第二個中括號中是引用鏈接的id，之后在引用中，使用id加鏈接：如下：[link text][id] [id]: http://example.com/ "optional title here"在文中直接引用鏈接，直接使用尖括號，把鏈接加入到尖括號中就可以實現，如下：<http://example.com/> or <address@example.com> 插入互聯網上圖片，格式如下： ![這里寫圖片描述][jane-eyre-douban] [jane-eyre-douban]: http://img3.douban.com/mpic/s1108264.jpg

效果

注意：

去掉 CSDN-markdown 編輯器的上傳圖片里面的水印，比如：去掉 ?watermark 后面的字母 就無水印了

6、代碼塊

用TAB鍵起始的段落，會被認為是代碼塊，如下：<php>echo “hello world";</php>如果在一個行內需要引用代碼，只要用反引號`引起來就好，如下：Use the `printf()` function.

效果

7、分割線與刪除線

可以在一行中用三個以上的星號、減號、底線來建立一個分隔線，同時需要在分隔線的上面空一行。如下：--- **** ___刪除線的使用，在需要刪除的文字前后各使用兩個符合“~”，如下~~Mistaken text.~~

效果

8、代碼塊與語法高亮

在需要高亮的代碼塊的前一行及后一行使用三個反引號“`”，同時第一行反引號后面表面代碼塊所使用的語言，如下：```ruby require 'redcarpet' markdown = Redcarpet.new("Hello World!") puts markdown.to_html ```

效果

9、表格

可以使用冒號來定義表格的對齊方式，如下：| Tables | Are | Cool | | ------------- |:-------------:| -----:| | col 3 is | right-aligned | $1600 | | col 2 is | centered | $12 | | zebra stripes | are neat | $1 |

效果

10、LaTex數學公式

使用MathJax渲染*LaTex* 數學公式，詳見[math.stackexchange.com]行內公式，數學公式為：$\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$ 塊級公式：$$ x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$

更多LaTex語法請參考 [這兒]。

效果

11、UML 圖

可以渲染序列圖： ```sequence 張三->李四: 嘿，小四兒, 寫博客了沒? Note right of 李四: 李四愣了一下，說： 李四-->張三: 忙得吐血，哪有時間寫。 ``` 或者流程圖： ```flow st=>start: 開始 e=>end: 結束 op=>operation: 我的操作 cond=>condition: 確認？ st->op->cond cond(yes)->e cond(no)->op ```
- 關于 **序列圖** 語法，參考 [這兒]
- 關于 **流程圖** 語法，參考 [這兒]

效果

12、設置字體大小、顏色

參看：RGB顏色查詢對照表參看：markdown編輯器語法——文字顏色、大小、字體與背景色的設置
淺紅色文字：<font color="#dd0000">淺紅色文字：</font><br /> size為1：<font size="1">size為1</font><br /> <font face="黑體">我是黑體字</font> <table><tr><td bgcolor=#FF00FF>背景色的設置是按照十六進制顏色值：#7FFFD4</td></tr></table> 放大字體： <big>字體變大</big>

效果

總結

以上是生活随笔為你收集整理的日常生活小技巧 -- markdown编辑器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。