【小技巧】使 github 和 segmentfault 的 markdown 支持数学公式

做者:LogMgit

本文原载于 https://segmentfault.com/u/logm/articles ,不容许转载~github

1. 由来

最近在写博客的时候,发现一个问题:chrome

  1. segmentfault不支持markdown行内公式渲染;
  2. github不支持markdown数学公式渲染。

所以,须要想办法正常渲染markdown。不然又要回归繁琐的Github Page了。segmentfault

2. 解决方法

chrome浏览器能够安装MathJax渲染插件解决,好比:浏览器

  1. MathJax Plugin for Github
  2. TeX All the Things

这两个我都用过,能够正常渲染。markdown

第一个插件仅支持github,不须要配置。测试

第二个插件支持全部的网站,我本身测试在segmentfault上会常常抽风,但多刷新几回页面总有一次能刷出来。右键"Tex All the Things"的图标,选择"选项",能够进行配置。网站

因此,对于个人博客中带有数学公式的文章,能够有以下几种方式确保数学公式正常渲染:插件

  1. 使用插件2在segmentfault上看博客,虽然抽风状况比较严重;
  2. 个人github上找到对应文章,使用插件1查看;
  3. 个人github上找到对应文章,点击右上角的"Raw"按钮,把源码复制到markdown阅读器查看。

3. 测试

这里提供一组测试,确认是否完美解决了问题。code

下面参与测试的数学公式的原代码以下:

这是一个行内公式:$P = \frac{C_a^k \cdot C_b^{n-k}}{C_{a+b}^n}$

这是两个单行公式:
$$P = \frac{C_a^k \cdot C_b^{n-k}}{C_{a+b}^n}$$

$$
P = \frac{C_a^k \cdot C_b^{n-k}}{C_{a+b}^n}
$$

下面几行是你的显示效果,若是都显示为数学公式,则说明正常渲染:

这是一个行内公式:$P = \frac{C_a^k \cdot C_b^{n-k}}{C_{a+b}^n}$

这是两个单行公式:
$$P = \frac{C_a^k \cdot C_b^{n-k}}{C_{a+b}^n}$$

$$ P = \frac{C_a^k \cdot C_b^{n-k}}{C_{a+b}^n} $$