CSDN提供了專屬的Markdown編輯器,該編輯器功能強大,輕鬆實現圖文混排,具體包括文字、圖片、公式、UML流程圖等,但本文只講文字、列表、引用、鏈接等基本且常用的,至於公式編輯以及UML流程圖等內容則放在另一篇博文裏講。
標題等級
標題默認分爲六級,可以用在文字前加入一定數量的“#”再接上空格來區分,星號數量越少,標題字體越大。下面給出了代碼,爲了不影響自動生成目錄,所以效果沒有直接在文中展示,而是使用了一張效果圖。
代碼:
# 一級標題
## 二級標題
### 三級標題
#### 四級標題
##### 五級標題
###### 六級標題
效果如下:
換行和空格
- 換行
回車換行和Word中無區別,都是會生成一個新的段落。建議在要用一個Markdown標籤開始新的內容時,先回車換行,這樣可以減少標籤之前的影響。 - 空格
筆者沒有發現Markdown中有標籤實現空格,但曲線救國,可以用HTML中的空格轉義符“ ”或者用輸入法實現:一般是按“shift+Space(也就是最大的空格鍵)”將輸入法切換到全角狀態,然後需要幾個“空格”就按幾次Space鍵,這裏的“空格”在中文狀態代表一個漢字的空間,英文狀態下代表兩個英文字符的空間。
列表
列表分爲無序列表和有序列表。文中出現的圓黑點表示的就是無序列表,而有序列表一般表示事項之間存在先後順序或計數用。另外,列表可以嵌套使用,但新一級列表總是按Tab鍵縮進後開始,同時無序列表內部可以包含有序列表。
- 無序列表
無序列表和下面的有序列表標題本身就是一級無序列表,無序列表用“- ”開始,注意:連接符後有一個空格 - 有序列表
有序列表是以“1. ”這樣帶點的數字開始的,注意:在“.”後面有一個空格;第2項也並不非得用“2. ”來開始,系統默認只要是數字帶點加空格開始的都會默認轉成按正確的順序顯示。
示例代碼:
1. 這時有序表和無序表嵌套使用的例子,同時也反映了一些使用特點。
128. 我這裏用的是“128. ”哦,但你可以看到並不影響使用效果。
- 先嵌套個無序列表
- 無序列表的一個事項
- 那麼在無序列表中嵌入有序列表呢?
1. 真的可以實現無序列表裏嵌入有序列表呢
2. 這是有序列表的第2條,但要注意類似於2017. 4. 11這種數據開頭可能會出問題哦。比如下面
2017. 4. 11,那天一個小生命誕生啦。
2018. 是吧,上面的年份消失不見了。這是因爲“2017. ”被當做了有序標識,這時我們可以使用轉義字符,將點號“.”寫成"\.",比如:
2017\. 4. 11,這回沒出問題吧。現在回到第一級有序列表
11. 嘗試結束,從中我們可以看到列表是能嵌套使用的。
效果如下:
- 這是有序表和無序表嵌套使用的例子,同時也反映了一些使用特點。
- 我這裏用的是“128. ”哦,但你可以看到並不影響使用效果。
- 先嵌套個無序列表,無序列表開始了
- 無序列表的一個事項
- 那麼在無序列表中嵌入有序列表呢?
- 現在開始了有序列表哦,但要注意類似於2017. 4. 11這種數據開頭可能會出問題哦。比如下面
- 11,那天一個小生命誕生啦。
- 是吧,上面的年份消失不見了。這是因爲“2017. ”被當做了有序標識,這時我們可以使用轉義字符,將點號“.”寫成”.”,比如:
2017. 4. 11,這回沒出問題吧。現在回到第一級有序列表
- 嘗試結束,從中我們可以看到列表是能嵌套使用的。
代碼嵌入
- 行內代碼
行內代碼是指一行文字中特別顯示出的代碼內容,它存在與一般英文字符串不同的外框標識,就像這樣printf( )
。它是由 ` 這個用鍵盤Tab鍵上面那個帶波浪線的鍵在英文狀態下敲出符號將輸出函數括起來的產生的。代碼:
`printf()`
- 區塊代碼
區塊代碼是將代碼部分單獨放在一起,形成一塊區域,可以在文中乾淨整潔地呈現自己的代碼對於程序員博客來說是很有必要的。其實上面的給的如何在嵌入行代碼的代碼示例就是個區塊代碼應用,只是那並非我們常規的編程語言代碼,而只是以區塊代碼實現的一般代碼。區塊代碼與前面的主要區別在於後者是前後用三個 ` 右點號括起來的,在第一次三個右點號結束的時候可選擇性地註明所用編程語言。
代碼:
效果如下:
#include<stdio.h>
int main(){
printf("Hello world");
return 0;
}
文本格式化
- 斜體 斜體提供了兩種方式
*斜體* 我是單星號限定的斜體
_斜體_ 我是下劃線限定的斜體 - 強調 強調提供了兩種方式
**文字** 我是雙星號限定的強調
__文字__ 我是雙下劃線限定的強調 - 強調並置斜 它是把前面兩種糅合在一起
***文字*** 我是被三星號限定的強調並置斜
___文字___ 我是被三下劃線號限定的強調並置斜 - 下劃線
<u>文字</u> 這裏的下劃線使用HTML標籤實現的 - 刪除線
~~ 待刪文字 ~~ 這裏待刪文字兩邊分別只有兩個連續的波浪線,緊挨着的空格都要刪掉。
插入圖片
插入網絡圖片:![丟失代替名](圖片網絡地址 圖片名稱)
![網絡圖片](http://pic.sc.chinaz.com/files/pic/pic9/201505/apic11963.jpg "網絡圖片")
顯然上圖太大致使頁面失去平衡感,如果想要限制圖片的大小,那最好使用HTML的img標籤,格式爲:<img src=”圖片鏈接地址” width= 450 alt=”圖片丟失描述” align=”center”>,其中只限製圖片寬度爲450,高度會根據比例自動變化。以上面的網絡圖片爲例:
<img src="http://pic.sc.chinaz.com/files/pic/pic9/201505/apic11963.jpg " width=250 alt="網絡圖片" align="middle">
插入本博客圖片 當然前提是先上傳了圖片到博客空間使其變成一張網絡圖片,然後在像插入網絡圖片一操作。
![本博客圖片](https://img-blog.csdn.net/20170409040807543?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvQTM2NTY3/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast "本博客圖片")
插入鏈接
- 網址鏈接
網址鏈接是用<a>網址</a> 或者直接給出,但需要注意的是這種情況下必須給出網址的“http://”前綴;郵箱鏈接則一對尖括號將其括起來。
標籤形式<a>http://www.baidu.com </a>:http://www.baidu.com
直接給出的例子:http://www.xgate.top
郵箱鏈接<[email protected]>:[email protected] - 文字鏈接 [提示](網址)
[百度網址](http://www.baidu.com): 百度網址 圖片鏈接 [![丟失代替名](圖片地址 “圖片名稱”)](圖片將要導向的地址)
[![本地圖片](https://img-blog.csdn.net/20170409040807543?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvQTM2NTY3/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast "本博客圖片")]\(http://www.baidu.com)
引用
引用一般分文行內引用和塊引用,行內引用通常用與正文不同的字體來區分(比如楷體),而且還會打上必須的引號;而塊引用則以段落的形式出現,甚至單獨成爲文章一部分。在markdown標準裏並沒有提供專門的設計字體的標籤,一般借用HTML的標籤在CSS中加以渲染。本文講的是如何實現以段落的形式進行塊引用。
- 單層引用
單層引用的方式是先空一行,再以“>”打頭開始寫引文,下面引用的是一段尼采的話,用的就是這種方式。 - 多層引用
多層引用通常只是爲了體現層次感,並非真的是多層引用,它有點類似於項目與事件的關係。實現多層引用,只用在比上一級引用多寫一個“>”,也即第二層引用可以是“>>”。
示例代碼:
> 這是一級引用
>> 這是二級引用
>>> 這是三級引用
>>> 繼續三級引用
>> 回到二級引用
>> 繼續二級引用
> 回到一級引用
> 跳出本級引用怎麼做呢?
在本級引用後連續兩次回車換行就可以,比如你所見到的這樣。
效果如下:
這是一級引用
這是二級引用
這是三級引用
繼續三級引用回到二級引用
繼續二級引用回到一級引用
跳出本級引用怎麼做呢?
在本級引用後連續兩次回車換行就可以,比如你所見到的這樣。
分割線
- 分割線
分割線一般作爲章節劃分使用,可以用連續三個及以上“*”或“-”或“_”來產生,它們產生的效果如下。注意:這三個符號不能混用,建議用“*”。分割線效果如下:
標註
- 腳標
腳註通常作爲引用文獻標記出現,腳註內容則出現在文章末尾。比如轉義字符1,我的主站2,甚至不用數字標號,比如百度首頁3,然後我們再回到數字標號,比如知乎4。爲了方便,這裏腳註的都是對應的網址,甚至是主機的迴環地址5。
可以看到這裏的腳註標記內容[^腳註]僅僅起個標記作用,讓它和文末的參考文獻聯繫起來;而標記內容不僅可以是隨便的字符,甚至也不用關心這些腳註內容在文章末尾的排列順序,文中會根據各腳標出現的順序自動編號。比如在文章末尾,筆者就把知乎的腳註放在了第一位,但在文中它的編號仍然是4。
下面就是上面兩段文字的代碼,腳註可以在文章末尾看到,同時每條腳註後面有一個回到原文的鏈接,這是很方便的。
腳註通常作爲引用文獻標記出現,腳註內容則出現在文章末尾。比如轉義字符[^1],我的主站[^2],甚至不用數字標號,比如百度首頁[^3],然後我們再回到數字標號,比如知乎[^5]。爲了方便,這裏腳註的都是對應的網址,甚至是主機的迴環地址[^7]。
可以看到這裏的腳註標記內容[^腳註]僅僅起個標記作用,讓它和文末的參考文獻聯繫起來;而標記內容不僅可以是隨便的字符,甚至也不用關心這些腳註內容在文章末尾的排列順序,文中會根據各腳標出現的順序自動編號。比如在文章末尾,筆者就把知乎的腳註放在了第一位,但在文中它的編號仍然是4。
[^5]: 知乎:http://www.zhihu.com
[^3]: 百度首頁:http://www.baidu.com
[^1]: 轉義字符:http://www.w3chtml.com/html/character.html
[^2]: 我的主站:http://www.xgate.top
[^7]: 迴環地址:http://127.0.0.1
- 註解
註解是爲文中出現的詞彙進行解釋的,不像前面的腳註可以作爲參考文獻使用,它主要在爲文章中某些內容建立外鏈時使用,比如下面這個關於大冶市的描述。
大冶,位於[湖北省][1]東南部,長江中游南岸,地處[武漢][武漢]、鄂州、[九江][jiu]城市帶之間和湖北“冶金走廊”腹地,地跨東經114°31′—115°20′,北緯29°40′—30°15′。2013年,大冶市總面積1566.3平方公里,轄1個鄉、9個鎮、3個街道、1個國有農場。
[1]: http://baike.baidu.com/item/%E6%B9%96%E5%8C%97/173862?fromtitle=%E6%B9%96%E5%8C%97%E7%9C%81&fromid=210064
[武漢]: http://baike.baidu.com/item/%E6%AD%A6%E6%B1%89/106764
[jiu]: http://baike.baidu.com/item/%E4%B9%9D%E6%B1%9F/24612
效果如下:
大冶,位於湖北省東南部,長江中游南岸,地處武漢、鄂州、九江城市帶之間和湖北“冶金走廊”腹地,地跨東經114°31′—115°20′,北緯29°40′—30°15′。2013年,大冶市總面積1566.3平方公里,轄1個鄉、9個鎮、3個街道、1個國有農場。
表格
表格使用“|”來分割單元格,使用冒號“:”來指明對齊方式,冒號要和至少三個連接符“-”在一起使用。
代碼示例
|序號|姓名|性別|年齡|
|:---:|:---|:---:|---:|
|0|左對齊|居中對齊|右對齊|
|1|張三|男|22|
|2|李四|男|23|
|3|小紅|女|22|
效果如下:
序號 | 姓名 | 性別 | 年齡 |
---|---|---|---|
0 | 左對齊 | 居中對齊 | 右對齊 |
1 | 張三 | 男 | 22 |
2 | 李四 | 男 | 23 |
3 | 小紅 | 女 | 22 |
目錄
- 插入目錄
目錄可以用”[TOC]”所在的位置生成,它是依據標題的“#”個數分出層次的,通常是從第二級標題到第六級標題都會產生(只要有這一級標題)。需要注意的是:在[TOC]前面必須回車換行。CSDN博客默認在文章開頭插入”[TOC]”,所以一般不用特意寫這個字符串,這裏爲了演示效果,在下面一行插入它。
其他
關於CSDN博客的Markdown編輯器中常見常用語法也可以參看這裏的簡明視頻教程。至於公式編輯和UML相關圖等內容後面會單獨再寫,對公式編輯有興趣的可以參考下面鏈接。
博文:http://m.blog.csdn.net/article/details?id=51482945
網站:http://latex.codecogs.com