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

    作者:肉娃娃
             
    本文版权归作者和博客园共有。觉得有价值,点个推荐。如果您要拿走,注明参考即可!
  • 相关阅读:
    MJExtension的使用
    Swift
    2月22号 UITableView
    1月25号 CALayer
    1月22号 animation—1
    1月22号 KVC KVO
    2016.01.22 简单动画
    2016.01.22 KVC&KVO
    2016.01.22 单例模式(Singleton)
    2016.01.21 UITabBarController
  • 原文地址:https://www.cnblogs.com/rouwawa/p/6959159.html
Copyright © 2020-2023  润新知