【小技巧】使 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} $$

相關文章
相關標籤/搜索