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，是这样的吗？。