Markdown 新手指南
轉自:http://www.jianshu.com/p/q81RER#
Markdown 是一種「電子郵件」風格的「標記語言」,我們強烈推薦所有寫作者學習和掌握該語言。為什么?可以參考:
『為什么作家應該用 Markdown 保存自己的文稿』
『Markdown寫作淺談』
在此,我們總結 Markdown 的優點如下:
- 純文本,所以兼容性極強,可以用所有文本編輯器打開。
- 讓你專注于文字而不是排版。
- 格式轉換方便,Markdown 的文本你可以輕松轉換為 html、電子書等。
- Markdown 的標記語法有極好的可讀性。
當然,我們既然如此推崇 Markdown ,也必定會教會你使用 Markdown ,這也是本文的目的所在。不過,雖然 Markdown 的語法已經足夠簡單,但是現有的 Markdown 語法說明更多的是寫給 web 從業者看的,對于很多寫作者來說,學習起來效率很低,現在,我們特地為寫作者量身定做本指南,從寫作者的實際需求出發,介紹寫作者真正實用的常用格式,深入淺出、圖文并茂地讓您迅速掌握 Markdown 語法。
當然,我們既然如此推崇 Markdown ,也必定會教會你使用 Markdown ,這也是本文的目的所在。不過,雖然 Markdown 的語法已經足夠簡單,但是現有的 Markdown 語法說明更多的是寫給 web 從業者看的,對于很多寫作者來說,學習起來效率很低,現在,我們特地為寫作者量身定做本指南,從寫作者的實際需求出發,介紹寫作者真正實用的常用格式,深入淺出、圖文并茂地讓您迅速掌握 Markdown 語法。
標題
這是最為常用的格式,在平時常用的的文本編輯器中大多是這樣實現的:輸入文本、選中文本、設置標題格式。
而在 Markdown 中,你只需要在文本前面加上 # 即可,同理、你還可以增加二級標題、三級標題、四級標題、五級標題和六級標題,總共六級,只需要增加 # 即可,標題字號相應降低。例如:
列表
列表格式也很常用,在 Markdown 中,你只需要在文字前面加上 - 就可以了,例如:
- 文本1 - 文本2 - 文本3如果你希望有序列表,
也可以在文字前面加上 1. 2. 3. 就可以了,例如:
注:-、1.和文本之間要保留一個字符的空格。
列表案例截圖如下:
鏈接和圖片
在 Markdown 中,插入鏈接不需要其他按鈕,你只需要使用 顯示文本 這樣的語法即可,例如:
[簡書](http://www.jianshu.com)在 Markdown 中,插入圖片不需要其他按鈕,你只需要使用 ![]() 這樣的語法即可,例如:
注:插入圖片的語法和鏈接的語法很像,只是前面多了一個 !。
插入鏈接和圖片的案例截圖:
顯示鏈接中帶括號的圖片
代碼如下:
![][1] [1]: http://latex.codecogs.com/gif.latex?\prod%20\(n_{i}\)+1引用
在我們寫作的時候經常需要引用他人的文字,這個時候引用這個格式就很有必要了,在 Markdown 中,你只需要在你希望引用的文字前面加上 > 就好了,例如:
> 一盞燈, 一片昏黃; 一簡書, 一杯淡茶。 守著那一份淡定, 品讀屬于自己的寂寞。 保持淡定, 才能欣賞到最美麗的風景! 保持淡定, 人生從此不再寂寞。注:> 和文本之間要保留一個字符的空格。
最終顯示的就是:
一盞燈, 一片昏黃; 一簡書, 一杯淡茶。 守著那一份淡定, 品讀屬于自己的寂寞。 保持淡定, 才能欣賞到最美麗的風景! 保持淡定, 人生從此不再寂寞。
引用的案例截圖:
粗體和斜體
Markdown 的粗體和斜體也非常簡單,用兩個 * 包含一段文本就是粗體的語法,用一個 * 包含一段文本就是斜體的語法。例如:
*一盞燈*, 一片昏黃;**一簡書**, 一杯淡茶。 守著那一份淡定, 品讀屬于自己的寂寞。 保持淡定, 才能欣賞到最美麗的風景! 保持淡定, 人生從此不再寂寞。最終顯示的就是下文,其中「一盞燈」是斜體,「一簡書」是粗體:
一盞燈, 一片昏黃;一簡書, 一杯淡茶。 守著那一份淡定, 品讀屬于自己的寂寞。 保持淡定, 才能欣賞到最美麗的風景! 保持淡定, 人生從此不再寂寞。
粗體和斜體的案例截圖:
代碼引用
需要引用代碼時,如果引用的語句只有一段,不分行,可以用 ` 將語句包起來。
如果引用的語句為多行,可以將“`置于這段代碼的首行和末行。
代碼引用的案例截圖:
表格
相關代碼:
| Tables | Are | Cool | | ------------- |:-------------:| -----:| | col 3 is | right-aligned | $1600 | | col 2 is | centered | $12 | | zebra stripes | are neat | $1 |顯示效果:
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
相關代碼:
顯示效果:
| foo | foo | foo |
| bar | bar | bar |
| baz | baz | baz |
結語
以上幾種格式是比較常用的格式,所以我們針對這些語法做了比較詳細的說明。除這些之外,Markdown 還有其他語法,如想了解和學習更多,可以參考這篇『Markdown 語法說明』。
強烈建議您現在就立馬用 Markdown 寫一篇文章吧,體會一下 Markdown 的優雅之處!
附:MarkDown 圖片大小問題
轉自:http://blog.csdn.net/yhl_leo/article/details/50099843
MarkDown里顯示圖片的方式可以引入HTML方法:
以512×512的lena圖像為例:
直接以MarkDown插入圖片的方法,圖片就會靠在左側,大小也不由自己決定:
固定圖片顯示大小:
<img src="https://img-blog.csdn.net/20151129213701642" width=256 height=256 />
其中src后面接的就是圖像對象,width和height設置的是顯示圖像的尺寸。
根據一定比例顯示:
<img src="https://img-blog.csdn.net/20151129213701642" width="50%" height="50%" />其中width和height后面的50%就是根據窗口的大小以一定的比例顯示圖片。值得一說的是,這種按照百分比顯示方法,是以width方向為準,并保持縱橫比的,換句話說,把設置width的部分去掉,height的值改為任意百分比,顯示的圖像都是原圖大小(個人覺得這根博客窗口有關,畢竟現實截面的寬度相對是固定的,而高度/長度卻是變化著的)。因此用此方法的時候,可以把height設置缺省。
如果想給圖像加個標注,可以這么做:
<center> <img src="https://img-blog.csdn.net/20151129213701642" width="25%" height="25%" /> Figure 1. Lena </center>Figure 1. Lena
如果想讓圖和標注間距離增大,可以這么做:
<center> <img src="https://img-blog.csdn.net/20151129213701642" width="25%" height="25%" /> $ $ Figure 1. Lena </center><script type="math/tex" id="MathJax-Element-1"> </script>
Figure 1. Lena
總結
以上是生活随笔為你收集整理的Markdown 新手指南的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Fedora安装MySQL
- 下一篇: JESD204