乐趣区

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

作者:LogM

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

1. 由来

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

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

因此,需要想办法正常渲染 markdown。否则又要回归繁琐的 Github Page 了。

2. 解决方法

chrome 浏览器可以安装 MathJax 渲染插件解决,比如:

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

这两个我都用过,可以正常渲染。

第一个插件仅支持 github,不需要配置。

第二个插件支持所有的网站,我自己测试在 segmentfault 上会经常抽风,但多刷新几次页面总有一次能刷出来。右键 ”Tex All the Things” 的图标,选择 ” 选项 ”,可以进行配置。

所以,对于我的博客中带有数学公式的文章,可以有如下几种方式确保数学公式正常渲染:

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

3. 测试

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

 下面参与测试的数学公式的原代码如下:这是一个行内公式:$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}
$$

退出移动版