markdown使用小结

时间：2021-12-06 06:21:08

初学时，对不太熟悉的markdown语法，有个简单记录

公式

公式一般用Latex书写，在线Latex编辑器可以使用，有以下几种方法供选择

  • 有然后保存为图片gif格式，使用img标签进行引用。

  • 使用Google Chart的服务器

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

给个例子，

<img src="//bbsmax.ikafan.com/static/L3Byb3h5L2h0dHAvY2hhcnQuZ29vZ2xlYXBpcy5jb20vY2hhcnQ/Y2h0PXR4JmFtcDtjaGw9XExhcmdlIHg9XGZyYWN7LWJccG1cc3FydHtiXjItNGFjfX17MmF9.jpg" style="border:none;">

显示结果为（博客园的markdown编辑器下，为什么还是执行文本形式？）：

markdown使用小结

  • 使用forkosh服务器

<img src="http://www.forkosh.com/mathtex.cgi? 在此处插入Latex公式">

给个例子:

markdown使用小结

显示结果为（响应太慢，引用图片容易挂掉）：

链接

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

相关文章