markdown使用小結

初學時，對不太熟悉的markdown語法，有個簡單記錄

---

公式

公式通常用Latex書寫，在線Latex編輯器可使用，有如下幾種方法供選擇

• 有而後保存爲圖片gif格式，使用img標籤進行引用。

• 使用Google Chart的服務器

<img src="http://chart.googleapis.com/chart?cht=tx&chl= 在此插入Latex公式" style="border:none;">
給個例子，

<img src="http://chart.googleapis.com/chart?cht=tx&chl=\Large x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}" style="border:none;">
顯示結果爲（博客園的markdown編輯器下，爲何仍是執行文本形式？）：

• 使用forkosh服務器

<img src="http://www.forkosh.com/mathtex.cgi? 在此處插入Latex公式">
給個例子:

顯示結果爲（響應太慢，引用圖片容易掛掉）：

連接

Markdown中有兩種方式，實現連接，分別爲內聯方式和引用方式。
內聯方式：

This is an [example link](http://example.com/).

This is an example link.

引用方式：

I get 10 times more traffic from [Google][1] than from [Yahoo][2] or [MSN][3]. 
[1]: http://google.com/"Google" 
[2]: http://search.yahoo.com/  "Yahoo Search"
[3]: http://search.msn.com/    "MSN Search"

I get 10 times more traffic from Google than from Yahoo or MSN.

換行

有兩種方式：

• 輸入兩個空格，而後回車；

• 點兩次回車（行間距較大）；

有利於美觀的話，建議採用第二種方式。

圖片居中

實際上markdown背後是HTML語言，因此在圖片居中的方式有兩種

• 加入HTML語法，使用標籤，參考以下:

<center>居中內容</center>
<div align = center>居中內容</div>

• 修改CSS

markdown背後都有本身的CSS樣式表，因此修改樣式表便可。

img{
positon:relative;
width:80%;
left:10%;   /*left爲（img父元素元素的width - img元素本身的width)÷2*/
}

實際上想實現本身喜歡的任意風格，均可以經過編寫HTML和CSS來實現。

代碼塊

關於代碼塊的編寫，略微要複雜一點，若是要展現某段HTML代碼，在markdown編輯器下不能用tab鍵來指明這是一段HTML代碼，這是無效的，你的HTML代碼執行起來，而不是代碼自己。在測試的時候發現了幾個問題，還不是特別明白：

• 若是對HTML整個代碼塊先後加上反引號，在markdownpad編輯器下，代碼依然以執行的方式呈現。可是，在CSDN自帶markdown編輯器下，則能夠成功以代碼的方式呈現；
• 在markdownpad編輯器下，使用兩個反引號來表面代碼片斷時，代碼不會換行，全部代碼擠在一行，而使用TAB鍵，則能夠分行現實代碼。而CSDN編輯器下，不管是採用哪一種方式，都能很好的實現代碼分行顯示；

另外值得注意的是，CSDN的markdown的語法說明中有關於代碼塊的說明，用先後各一個反引號來指明行內一小段代碼，用TAB來指明代碼塊，用先後三個反引號來指明須要高亮的代碼塊。

不知道有沒有一篇總結的博文來分析這種不一樣編輯器下的差別性？仍是說跟網站自身對HTML的處理有關，好比涉及到代碼添加行號，不一樣語言關鍵字的高亮等，都會涉及到JavaScript，是這樣的嗎？。