目錄

第一列 第二列 第三列
效果 求和(使用\sum標籤) 文字效果
本外掛簡介 積分(使用\int標籤) 文字大小
LaTex是什麼 空格 特殊符號
LaTex公式使用教程及手冊 定界符 LaTex的一些常用符號或表示式
角標 步驟標註 更新問題
分式(使用\frac標籤) 顏色
根號(使用\sqrt標籤) 背景顏色

效果

\[\int\int\int\int\int\int\int\int\int\int\int\int
\]
\[\(\sqrt{3x-1}+(1+x)^2\)
\]
\[\sin(\alpha)^{\theta}=\sum_{i=0}^{n}(x^i + \cos(f))
\]
\[\Bigg(\bigg(\Big(\big((x)\big)\Big)\bigg)\Bigg)\quad
\]

markdown原始碼:

## 效果 

$$ \int\int\int\int\int\int\int\int\int\int\int\int$$

$$\(\sqrt{3x-1}+(1+x)^2\)$$

$$\sin(\alpha)^{\theta}=\sum_{i=0}^{n}(x^i + \cos(f))$$

$$\Bigg(\bigg(\Big(\big((x)\big)\Big)\bigg)\Bigg)\quad$$

本外掛簡介

(請保證你的emlogpro版本是最新的,否則可能會有問題。)

本外掛內建了katex的原始碼,可以讓你的部落格網站顯示LaTeX數學公式,如上圖所示。

本外掛很簡單,開箱即用,不過依然有一個後臺設定。其中第一項是編輯器是否啟用,預設是打鉤的,如果你的emlog使用了其他編輯器,為防止出現錯誤可以從這裡關閉。

第二項是設定前臺的渲染引擎。這裡有兩個選項,katex和mathjax,主要是因為katex出現比較晚,可能一些公式的顯示效果不及mathjax好,但也是仁者見仁智者見智,mathjax雖然好一點,但渲染速度比katex慢上將近百倍。推薦使用預設的katex

如果你想使用emlogpro來寫一些公式方面的內容,比如數學筆記,這個外掛可以很好的為你服務。

LaTeX是什麼?

LaTeX是一種標記語言比markdown更復雜更強大。你可以把它當做高階版的markdown。

這個外掛叫katex,並不是LaTeX全語法支援外掛,你用LaTeX數學公式語法把你的公式寫在文章裡,如$$\sum_{i=0}^{n}i^2$$,本外掛可以自動給你轉成公式應該長的樣子 (如下) ,對於其他的LaTeX語法,該外掛無能為力。

\[\sum_{i=0}^{n}i^2
\]

LaTeX是一個專業級別的排版利器,廣泛應用於學術論文等科技排版,它的內容不止公式,甚至音樂音符、化學符號圖、電路圖等等一切你想看到的圖都能給你做出來。而且經過長時間的校對優化,可以達到驚人的排版級別的顯示效果。感興趣的朋友可以到搜尋引擎上了解一下。

LaTex公式使用教程及手冊

LaTex的開始結束標誌有很多,但效果一樣,在本編輯器中只需記住使用 $$ 你的公式內容 $$ 就行了。現在我們來學習一下它的基礎語法。

\[\sum_{i=0}^{n}i^2
\]

但閱讀大量文字描述不是一個好的學習方式,下面的內容你仔細對照它們之間的異同,然後利用emlogpro自帶的editor.md編輯器試驗一下,自然就能得到LaTex語法書寫的規律。

有些效果可能在編輯器裡得不到預覽效果,不過沒關係,只要網頁前臺能顯示出就行。

角標

$$x_{1}$$		#試完角標這一節,你應該就明白LaTex語法大概的邏輯了
\[x_{1}
\]
$$x^1$$
\[x^1
\]
$$x_1^{n}$$
\[x_1^{n}
\]
$${{{x_{1}}_1}_1}_1$$
\[{{{x_{1}}_1}_1}_1
\]
$${{{x^1}^1}^1}^1$$
\[{{{x^1}^1}^1}^1
\]
$${}^{n}_{2} x$$
\[{}^{n}_{2} x
\]

分式(使用\frac標籤)

$$\frac{1}{2}$$
\[\frac{1}{2}
\]
$$\frac{x+y}{1+\frac{1}{2}}$$
\[\frac{x+y}{1+\frac{1}{2}}
\]

根號(使用\sqrt標籤)

$$\sqrt{2+2}$$
\[\sqrt{2+2}
\]
$$\sqrt[2]{3}$$
\[\sqrt[2]{3}
\]
$$\sqrt{x+\sqrt{y+3}}$$
\[\sqrt{x+\sqrt{y+3}}
\]

求和(使用\sum標籤)

$$\sum_{i=1}^{n}i$$
\[\sum_{i=1}^{n}i
\]
$$\sum_{i=1}^{n}\frac{1}{i}$$
\[\sum_{i=1}^{n}\frac{1}{i}
\]

積分(使用\int標籤)

$$\int_{a}^{b}$$
\[\int_{a}^{b}
\]
$$\int_{a}^{b} f(x)dx$$
\[\int_{a}^{b} f(x)dx
\]
$$\int_{a}^{b} f(x)\mathrm{d}x$$       # mathrm可以使斜體變為正體
\[\int_{a}^{b} f(x)\mathrm{d}x
\]

空格(按空格長度從小到大分為 “\ ” “\quad“ “\qquad“標籤)

$$a\ b$$
\[a\ b
\]
$$a\quad b$$
\[a\quad b
\]
$$a\qquad b$$
\[a\qquad b
\]

定界符

這裡的定界符,與程式設計中定界符的定義不同,你可以理解為是一個可以智慧識別在一個範圍內,公式的“佔地體積”,然後調整範圍外的符號大小。具體你可以檢視下面的對比。

對比

不使用定界符:

$$(\frac{1}{1-x}^2)$$
\[(\frac{1}{1-x}^2)
\]
$$\frac{1}{x^2}|_0^1$$
\[\frac{1}{x^2}|_0^1
\]

使用定界符:

$$\left( \frac{1}{1-x}^2  \right)$$
\[\left( \frac{1}{1-x}^2 \right)
\]
$$\left. \frac{1}{x^2}\right |_0^1$$
\[\left. \frac{1}{x^2}\right |_0^1
\]
$$\left(\sum_{k=\frac{1}{2}}^{N^2}\frac{1}{k}\right)$$
\[\left(\sum_{k=\frac{1}{2}}^{N^2}\frac{1}{k}\right)
\]

你會發現使用這個定位符$$\left( 你的內容 \right)$$ 後括號變大了。其實就是這個意思。不過我們還可以用其他的標籤來更靈活調整公式的顯示效果。

$$\big(\big)$$
\[\big(\big)
\]
$$\Big(\Big)$$
\[\Big(\Big)
\]
$$\bigg(\bigg)$$
\[\bigg(\bigg)
\]
$$\Bigg(\Bigg)$$
\[\Bigg(\Bigg)
\]
$$\Biggl[  x  \Biggr]$$
\[\Biggl[ x \Biggr]
\]
$$\Bigg \lbrace x \Bigg \rbrace$$
\[\Bigg \lbrace x \Bigg \rbrace
\]
$$\Biggl\langle x \Biggr\rangle$$
\[\Biggl\langle x \Biggr\rangle
\]
$$\Biggl\lvert x \Biggr\rvert$$
\[\Biggl\lvert x \Biggr\rvert
\]
$$\Biggl\lVert x \Biggr\rVert$$
\[\Biggl\lVert x \Biggr\rVert
\]

步驟標註

$$\overrightarrow{AB}\ \Delta A B C $$
\[\overrightarrow{AB}\ \Delta A B C
\]
$$\overrightarrow{AB}\ \Delta A B C \tag{步驟1} $$
\[\overrightarrow{AB}\ \Delta A B C \tag{步驟1}
\]

顏色

$$\color{red}{a^b}$$
$$\color{blue}{\overrightarrow{AB}\ \Delta A B C }$$
$$\color{green}{\int_{a}^{b} f(x)\mathrm{d}x}$$
\[\color{red}{a^b}$$ $$\color{blue}{\overrightarrow{AB}\ \Delta A B C }$$ $$\color{green}{\int_{a}^{b} f(x)\mathrm{d}x}
\]

背景顏色

$$\colorbox{yellow}{ Text }$$
\[\colorbox{yellow}{ Text }
\]
$$\colorbox{yellow}{ $a^b$ }$$
\[\colorbox{yellow}{ $a^b$ }
\]

文字效果

手寫體

$$\mathcal{ABCDEFGHIJKLMNOPQRSTUVWXYZ}$$
\[\mathcal{ABCDEFGHIJKLMNOPQRSTUVWXYZ}
\]

哥特字型

$$\mathfrak{ABCDEFGHIJKLMNOPQRSTUVWXYZ}$$
\[\mathfrak{ABCDEFGHIJKLMNOPQRSTUVWXYZ}
\]

文字大小

$${\Huge 超大字Huge}$$		#更多字型案例可以查閱下列網站
\[{\Huge 超大字Huge}
\]

特殊符號

$$\alpha \sim \backslash $$		#更多可以查閱下列表格,當然也可以使用html實體字元
\[\alpha \sim \backslash
\]

當然你也可以查閱以下地址來發現更豐富的效果。

https://latex.codecogs.com/eqneditor/editor.php #一個線上視覺化編輯和測試latex數學公式的網站

https://www.cnblogs.com/1024th/p/11623258.html #LaTeX公式手冊(全網最全)

https://uinika.gitee.io/Zen/LaTex/ #通用 LaTeX 數學公式語法手冊

...

LaTex的一些常用符號或表示式

運算子

符號 表示式 符號 表示式 符號 表示式 符號 表示式
$$\times$$ \times $$\vee$$ \vee $$45^\circ$$ 45^\circ $$\angle$$ \angle
$$\div$$ \div $$\perp$$ \perp $$ \wedge$$ \wedge $$\lneqq$$ lneqq$
$$\pm$$ \pm $$\leqq$$ \leqq $$\bullet$$ \bullet $$\parallel$$ \parallel
$$\mp$$ \mp $$\leqq$$ \leqq $$\oplus$$ \oplus $$\parallel$$ \parallel
$$\triangleright$$ \triangleright $$\ominus$$ \ominus $$\sphericalangle$$ \sphericalangle $$\nleqq$$ \nleqq
$$\cdot$$ \cdot$ $$\not\lll$$ \not\lll $$\odot$$ \odot $$\lneq$$ \lneq
$$\star$$ \star $$\le$$ \le $$\oslash$$ \oslash $$\ngtr$$ \ngtr
$$\cup$$ \cup $$\propto$$ \propto $$\otimes$$ \otimes $$\nless$$ \nless
$$\cap$$ \cap $$\sim$$ \sim $$\bigcirc$$ \bigcirc $$\approx$$ \approx
$$\ne$$ \ne $$\doteq$$ \doteq $$\backsim$$ \backsim $$\cong$$ \cong

邏輯符號

符號 表示式 符號 表示式 符號 表示式 符號 表示式
$$\forall$$ \forall $$\And$$ \And $$\curlywedge$$ \curlywedge $$\lnot$$ \lnot
$$\exists$$ \exists $$\lor$$ \lor $$\bigwedge$$ \bigwedge $$\neg$$ \neg
$$\nexists$$ \nexists $$\curlyvee$$ \curlyvee $$\bar{q}$$ \bar{q} $$\not\operatorname{R}$$ \not\operatorname{R}
$$\therefore$$ \therefore $$\bigvee$$ \bigvee $$\bar{abc}$$ \bar{abc} $$\bot$$ \bot
$$\because$$ \because $$\wedge$$ \wedge $$\overline{abc}$$ \overline{abc} $$\top$$ \top
$$\vdash$$ \vdash $$\Vdash$$ \Vdash $$\nvdash$$ \nvdash $$\urcorner$$ \urcorner
$$\dashv$$ \dashv $$\models$$ \models $$\nVdash$$ \nVdash $$\llcorner$$ \llcorner
$$\vDash$$ \vDash $$\Vvdash$$ \Vvdash $$\ulcorner$$ \ulcorner $$\lrcorner$$ \lrcorner

字母

符號 表示式 符號 表示式 符號 表示式 符號 表示式
$$\alpha$$ \alpha $$\kappa$$ \kappa $$\upsilon$$ \upsilon $$\Theta$$ \Theta
$$\beta$$ \beta $$\lambda$$ \lambda $$\phi$$ \phi $$\Lambda$$ \Lambda
$$\gamma$$ \gamma $$\mu$$ \mu $$\chi$$ \chi $$\Xi$$ \Xi
$$\delta$$ \delta $$\nu$$ \nu $$\psi$$ \psi $$\Pi$$ \Pi
$$\epsilon$$ \epsilon $$\xi$$ \xi $$\omega$$ \omega $$\Sigma$$ \Sigma
$$\zeta$$ \zeta $$\pi$$ \pi $$\digamma$$ \digamma $$\Upsilon$$ \Upsilon
$$\eta$$ \eta $$\rho$$ \rho $$\Gamma$$ \Gamma $$\Phi$$ \Phi
$$\theta $$ \theta $$\sigma$$ \sigma $$\Psi$$ \Psi $$\Omega$$ \Omega
$$\iota$$ \iota $$\tau$$ \tau $$\Delta$$ \Delta $$\varkappa$$ \varkappa
$$\aleph$$ \aleph $$\beth$$ \beth $$\gimel$$ \gimel $$\daleth$$ \daleth

其他

符號 表示式 符號 表示式 符號 表示式
$$\prod_{a}^{b}$$ \prod_{a}^{b} $$\Rightarrow$$ \Rightarrow $$\Leftrightarrow$$ \Leftrightarrow
$$ \coprod_{a}^{b}$$ \coprod_{a}^{b} $$\Longrightarrow$$ \Longrightarrow $$\rightleftharpoons$$ \rightleftharpoons
$$ \bigcup_{a}^{b}$$ \bigcup_{a}^{b} $$\nLeftarrow$$ \nLeftarrow $$\infty$$ \infty
$$\bigcap_{a}^{b}$$ \bigcap_{a}^{b} $$\Longleftrightarrow$$ \Longleftrightarrow $$\complement$$ \complement
$$\bigvee_{a}^{b}$$ \bigvee_{a}^{b} $$\Uparrow$$ \Uparrow $$\Re$$ \Re
$$ \bigwedge_{a}^{b}$$ \bigwedge_{a}^{b} $$\Downarrow$$ \Downarrow $$\diamondsuit$$ \diamondsuit
$$\Rrightarrow$$ \Rrightarrow $$\Updownarrow$$ \Updownarrow $$\circeq$$ \circeq
$$\Lleftarrow$$ \Lleftarrow $$\to$$ \to $$\gets$$ \gets
$$\Leftarrow$$ \Leftarrow $$\nrightarrow$$ \nrightarrow $$\nleftarrow$$ \nleftarrow
$$\triangleq$$ \triangleq $$\trianglerighteq$$ \trianglerighteq $$\ntrianglerighteq$$ \ntrianglerighteq

更新問題

本外掛內建了一個外掛更新程式,pluginsUpdate.php,katex外掛本身很簡單,但為了滿足katex原始碼本身的更新要求以及本外掛以後潛在的更新要求,所以內建了更新程式。

更新是自願的,V1.0完全滿足顯示公式的所有要求,如果你對安全比較在意,可以從外掛後臺獲取更新包等檢查內容後自行更新。當然,emlog官網商店上線最新版本後才會在外掛內進行版本更新通知的。所以你可以在得知更新資訊後刪除再到商店安裝,也可以直接一鍵更新。

祝你使用愉快!

文章的其他地址 :https://www.ccgxk.com/emlog_dev/katex.html

外掛的下載地址:https://www.emlog.net/plugin/detail/372