markdown语法及插入图片、链接、公式

    xiaoxiao2021-03-25  157

    参考网址: Markdown——入门指南 Markdown中插入数学公式的方法

    markdown语法简要规则

    标题

    标题是每篇文章都需要也是最常用的格式,在 Markdown 中,如果一段文字被定义为标题,只要在这段文字前加 # 号即可。

    # 一级标题

    ## 二级标题

    ### 三级标题

    以此类推,总共六级标题,建议在井号后加一个空格,这是最标准的 Markdown 语法。

    列表

    熟悉 HTML 的同学肯定知道有序列表与无序列表的区别,在 Markdown 下,列表的显示只需要在文字前加上 - 或 * 即可变为无序列表,有序列表则直接在文字前加1. 2. 3. 符号要和文字之间加上一个字符的空格。 ####无序列表 *1 *2 *3 ####有序列表 1.1 2.2 3.3

    无序列表

    123

    有序列表

    123

    引用

    如果你需要引用一小段别处的句子,那么就要用引用的格式。

    例如这样

    只需要在文本前加入 >这种尖括号(大于号)即可

    粗体与斜体

    Markdown 的粗体和斜体也非常简单,用两个 * 包含一段文本就是粗体的语法,用一个*包含一段文本就是斜体的语法。

    例如:这里是粗体 这里是斜体

    表格

    表格是我觉得 Markdown 比较累人的地方,例子如下:

    | Tables | Are | Cool |

    | ------------- |:-------------:| -----:|

    | col 3 is | right-aligned | $1600 |

    | col 2 is | centered | $12 |

    | zebra stripes | are neat | $1 |

    这种语法生成的表格如下:

    TablesAreCoolcol 3 isright-aligned$1600col 2 iscentered$12zebra stripesare neat$1

    代码框

    程序猿(媛)在文章里优雅的引用代码框是必须的,在 Markdown下实现也非常简单,只需要用两个 ` 把中间的代码包裹起来。如下: print "Hello World!" 使用 tab 键即可缩进。

    分割线

    分割线的语法只需要三个 * 号,例如:


    图片与链接

    插入链接与插入图片的语法很像,区别在一个!号

    图片为:![](){ImgCap}{/ImgCap}

    链接为:[]()

    插入图片的地址需要图床,网上很多都推荐围脖图床修复计划 与 CloudApp 的服务来生成URL地址。但本人在安装时发现,围脖图床修复计划无论在Firefox还是chrome安装插件都会受到阻止,由于电脑系统(win10)和浏览器版本的一些原因,网上的一些针对Firefox的解决方案并没有用,chrome上虽然安装插件成功,但无法导出URL且每次重新打开浏览器均有提醒,于是放弃。CloudApp需要注册下载,不够轻便。 最后选择Dev Fancy+ 的网页免费图床。


    插入公式

    最复杂的方式:先使用Latex书写(在线的Latex编辑器参考[1]),然后保存为图片,使用img标签进行引用。 本文的方法使用html的语法,调用[1]的公式生成API,在线生成Latex数学公式,免去将公式保存为图片的麻烦。当然,弊端也是有的,公式太多,可能会造成刷新比一般的网页慢一些。

    方法一:使用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;"> 公式显示结果为: ###方法二:使用forkosh服务器 forkosh上提供了关于Latex公式的一份简短而很有用的帮助,参考[1]和[3].

    使用forkosh插入公式的方法是 <img src="http://www.forkosh.com/mathtex.cgi? 在此处插入Latex公式"> 给个例子, <img src="http://www.forkosh.com/mathtex.cgi? \Large x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}"> 显示结果为: 因为网页插入公式的原理是调用“某某网站的服务器”动态生成的,所有保证公式正常显示的前提是该网址能一直存在着为我等小生做些小小的服务。forkosh我是用了快2年了,一直很好,推荐!

    方法三:使用MathJax引擎

    大家都看过Stackoverflow上的公式吧,漂亮,其生成的不是图片。这就要用到MathJax引擎,在Markdown中添加MathJax引擎也很简单, <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=default"></script> 然后,再使用Tex写公式。$$公式$$表示行间公式,本来Tex中使用\(公式\)表示行内公式,但因为Markdown中\是转义字符,所以在Markdown中输入行内公式使用\(公式\),如下代码: $$x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$$ \\(x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}\\) 分别显示结果 行间公式:

    x=b±b24ac2a 行内公式:

    \(x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}\)

    不信,你可以试一下,在公式上还可以使用鼠标右键操作。

    参考

    [1] http://www.forkosh.com/mathtextutorial.html [2] http://www.ruanyifeng.com/blog/2011/07/formula_online_generator.html [3] http://www.forkosh.com/mathtex.html

    转载请注明原文地址: https://ju.6miu.com/read-21268.html

    最新回复(0)