初學時,對不太熟悉的markdown語法,有個簡單記錄 [公式][1] 公式一般用Latex書寫,線上[Latex編輯器][2]可以使用,有以下幾種方法供選擇 有然後保存為圖片gif格式,使用img標簽進行引用。 使用Google Chart的伺服器 `` 給個例子, 顯示結果為(博客園的markd ...
初學時,對不太熟悉的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編輯器下,為什麼還是執行文本形式?):
<img src="http://chart.googleapis.com/chart?cht=tx&chl=\Large x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}" style="border:none;">
- 使用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,是這樣的嗎?。