latex for wordpress(一)

引子:http://cnzhx.net/blog/wordpress-latex/,latex for wordpress做者主頁:http://zhiqiang.org/blog/it/latex-for-wordpress.htmljavascript

個人認識:css

本插件提供了兩種方式顯示數學公式:圖片式顯示數學公式(圖片可緩存在本身的服務器上)和利用 JavaScript 直接繪製公式!html

1、圖片式數學公式java

經過調用公開的 LaTeX 服務來提供公式生成,重要的是,它提供了多種可選的 LaTeX 轉圖片服務,多個處理數學公式的服務基本都是免費的,包括:git

 

  • WordPress.com —— 國內用戶慎用
  • Google Charts —— 這個不錯,暫時沒有被滅,應該不會被滅吧,就一提供圖表的服務嘛
  • MathTex on quntnet —— 這個貌似須要去申請,我就懶得麻煩了
  • MathTex on 72Pines —— 72鬆社區的,這個社區很不錯;不過既然有 Google 的,咱就不給72鬆增長壓力了

另外,若是用戶手頭有資源,也能夠選擇自定義的服務。如圖所示:github

2、利用javascript調用css和字體來繪製數學公式web

雖然利用 LaTeX 公式生成的圖片能夠緩存在本身的服務器上,更爽的是,用戶還能夠選擇不使用圖片式的公式,而是利用 JavaScript 調用適當的 CSS 和字體來直接顯示數學公式。在頁面上公式較多的狀況下,免卻了下載大量圖片的苦惱。看例子的話能夠訪問這個頁面具體原理詳見 MathJaxshell

該 JavaScript方式 須要在後臺設置,可使用 MathJax 提供的 CDN 上的文件,也能夠安裝到本身的服務器上來在本地提供。緩存

 

安裝配置好該插件之後用起來很簡單的:在編輯文章的時候,若是要插入公式,就輸入 $$,接着輸入 LaTeX 形式的公式,完成後再用 $$ 結束便可。徹底能夠當成普通的文原本對待。形如,服務器

$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}$$

 

就是此頁中間的公式。

 

固然除了 $$ 以外也能夠用別的字符來進行標記,只是我感受 $$ 彷佛更廣泛一些。具體解釋爲:默認的數學分隔符是獨立顯示的用 $$...$$ 或者 \[...\],行內顯示的數學公式用 \(...\)。雖然行內用 $...$ 分隔符也能夠被正確處理,可是並不是默認的分隔符。

=======================================================================================================================================================

3、配置本身的MathJax服務

LaTeX for WordPress插件會默認調用公開的 LaTeX 服務來提供公式生成,使用MathJax提供的服務來渲染公式,若是MathJax服務不可用,或者被屏蔽了,那麼此插件就會失效,爲此,咱們能夠在本身的服務器上安裝MathJax,使用本身的服務。方法可參考MathJax官方的這篇文章,但我以爲此文章廢話太多,核心的東西概括爲如下幾步:

在你的服務器上checkout出MathJax的源碼,例如用git:

1
git clone git://github.com/mathjax/MathJax.git MathJax

固然,或者你用svn也能夠:

1
svn checkout http://svn.github.com/mathjax/MathJax.git MathJax

將checkout獲得的整個目錄拷貝到WordPress的「wp-content」目錄下,這就是所謂的MaxJax安裝:

1
2
rm -rf MathJax/.git*
cp -r MathJax/ /xxx/wp-content/

第一句是將checkout下來的版本控制相關的文件刪除,不然它們佔用太多的磁盤空間,沒有意義。
爲MathJax目錄以及MathJax/下的添加可執行權限
測試MathJax是否能正常工做。根據我前面的安裝路徑,個人測試路徑爲:http://www.codelast.com/wp-content/MathJax/test/ ,若是你在頁面中看到提示說working了,那麼就OK了。
文章來源:http://www.codelast.com/
修改LaTeX for WordPress插件的設置,讓它使用你剛安裝的MathJax服務。在WordPress後臺的「設置」→「LaTex」中,將「MathJax Server」選項選中「Custom Service」,填入相似於下面的字符串:

1
/wp-content/MathJax/MathJax.js?config=TeX-AMS-MML_HTMLorMML

注意這仍是與你上面的安裝路徑相關的,若是你不是安裝在這個相對路徑下,須要作相應的修改。

================================================================================================

4、本身安裝MathJax

下載該副本(jx4h)後,解壓縮到某目錄下。而後到WordPress後臺的設置-LaTeX選項裏,在MathJax Server選項中選中Custom Service,並設立地址爲

http://domain_and_path/MathJax.js?config=TeX-AMS-MML_HTMLorMML

其中domain_and_path是你安裝MathJax的域名和目錄,在保存前可先訪問該地址確認其正確。

相關文章
相關標籤/搜索