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