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{-bpmsqrt{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;
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,是这样的吗?。

作者:肉娃娃
         
本文版权归作者和博客园共有。觉得有价值,点个推荐。如果您要拿走,注明参考即可!
原文地址:https://www.cnblogs.com/rouwawa/p/6959159.html