emlog 插件,前台和编辑器( editor.md )支持 LaTeX 公式功能的激活插件。
详细教程地址:https://www.ccgxk.com/emlog_dev/katex.html # 插件说明和使用教程
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是一种标记语言,比markdown更复杂更强大。你可以把它当做高级版的markdown。
这个插件叫katex,并不是LaTeX全语法支持插件,你用LaTeX数学公式语法把你的公式写在文章里,如$$\sum_{i=0}^{n}i^2$$
,本插件可以自动给你转成公式应该长的样子 (如下) ,对于其他的LaTeX语法,该插件无能为力。
LaTeX是一个专业级别的排版利器,广泛应用于学术论文等科技排版,它的内容不止公式,甚至音乐音符、化学符号图、电路图等等一切你想看到的图都能给你做出来。而且经过长时间的校对优化,可以达到惊人的排版级别的显示效果。感兴趣的朋友可以到搜索引擎上了解一下。
LaTex的开始结束标志有很多,但效果一样,在本编辑器中只需记住使用 $$ 你的公式内容 $$
就行了。现在我们来学习一下它的基础语法。
但阅读大量文字描述不是一个好的学习方式,下面的内容你仔细对照它们之间的异同,然后利用emlogpro自带的editor.md编辑器试验一下,自然就能得到LaTex语法书写的规律。
有些效果可能在编辑器里得不到预览效果,不过没关系,只要网页前台能显示出就行。
$$x_{1}$$ #试完角标这一节,你应该就明白LaTex语法大概的逻辑了
$$x^1$$
$$x_1^{n}$$
$${{{x_{1}}_1}_1}_1$$
$${{{x^1}^1}^1}^1$$
$${}^{n}_{2} x$$
$$\frac{1}{2}$$
$$\frac{x+y}{1+\frac{1}{2}}$$
$$\sqrt{2+2}$$
$$\sqrt[2]{3}$$
$$\sqrt{x+\sqrt{y+3}}$$
$$\sum_{i=1}^{n}i$$
$$\sum_{i=1}^{n}\frac{1}{i}$$
$$\int_{a}^{b}$$
$$\int_{a}^{b} f(x)dx$$
$$\int_{a}^{b} f(x)\mathrm{d}x$$ # mathrm可以使斜体变为正体
$$a\ b$$
$$a\quad b$$
$$a\qquad b$$
这里的定界符,与编程中定界符的定义不同,你可以理解为是一个可以智能识别在一个范围内,公式的“占地体积”,然后调整范围外的符号大小。具体你可以查看下面的对比。
对比
不使用定界符:
$$(\frac{1}{1-x}^2)$$
$$\frac{1}{x^2}|_0^1$$
使用定界符:
$$\left( \frac{1}{1-x}^2 \right)$$
$$\left. \frac{1}{x^2}\right |_0^1$$
$$\left(\sum_{k=\frac{1}{2}}^{N^2}\frac{1}{k}\right)$$
你会发现使用这个定位符$$\left( 你的内容 \right)$$
后括号变大了。其实就是这个意思。不过我们还可以用其他的标签来更灵活调整公式的显示效果。
$$\big(\big)$$
$$\Big(\Big)$$
$$\bigg(\bigg)$$
$$\Bigg(\Bigg)$$
$$\Biggl[ x \Biggr]$$
$$\Bigg \lbrace x \Bigg \rbrace$$
$$\Biggl\langle x \Biggr\rangle$$
$$\Biggl\lvert x \Biggr\rvert$$
$$\Biggl\lVert x \Biggr\rVert$$
$$\overrightarrow{AB}\ \Delta A B C $$
$$\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}$$
$$\colorbox{yellow}{ Text }$$
$$\colorbox{yellow}{ $a^b$ }$$
手写体
$$\mathcal{ABCDEFGHIJKLMNOPQRSTUVWXYZ}$$
哥特字体
$$\mathfrak{ABCDEFGHIJKLMNOPQRSTUVWXYZ}$$
$${\Huge 超大字Huge}$$ #更多字体案例可以查阅下列网站
$$\alpha \sim \backslash $$ #更多可以查阅下列表格,当然也可以使用html实体字符
当然你也可以查阅以下地址来发现更丰富的效果。
https://latex.codecogs.com/eqneditor/editor.php #一个在线可视化编辑和测试latex数学公式的网站 https://www.cnblogs.com/1024th/p/11623258.html #LaTeX公式手册(全网最全) https://uinika.gitee.io/Zen/LaTex/ #通用 LaTeX 数学公式语法手册 ...
运算符
符号 | 表达式 | 符号 | 表达式 | 符号 | 表达式 | 符号 | 表达式 |
---|---|---|---|---|---|---|---|
\times | \vee | 45^\circ | \angle | ||||
\div | \perp | $$ \wedge$$ | \wedge | lneqq$ | |||
\pm | \leqq | \bullet | \parallel | ||||
\mp | \leqq | \oplus | \parallel | ||||
\triangleright | \ominus | \sphericalangle | \nleqq | ||||
\cdot$ | \not\lll | \odot | \lneq | ||||
\star | \le | \oslash | \ngtr | ||||
\cup | \propto | \otimes | \nless | ||||
\cap | \sim | \bigcirc | \approx | ||||
\ne | \doteq | \backsim | \cong |
逻辑符号
符号 | 表达式 | 符号 | 表达式 | 符号 | 表达式 | 符号 | 表达式 |
---|---|---|---|---|---|---|---|
\forall | \And | \curlywedge | \lnot | ||||
\exists | \lor | \bigwedge | \neg | ||||
\nexists | \curlyvee | \bar{q} | \not\operatorname{R} | ||||
\therefore | \bigvee | \bar{abc} | \bot | ||||
\because | \wedge | \overline{abc} | \top | ||||
\vdash | \Vdash | \nvdash | \urcorner | ||||
\dashv | \models | \nVdash | \llcorner | ||||
\vDash | \Vvdash | \ulcorner | \lrcorner |
字母
符号 | 表达式 | 符号 | 表达式 | 符号 | 表达式 | 符号 | 表达式 |
---|---|---|---|---|---|---|---|
\alpha | \kappa | \upsilon | \Theta | ||||
\beta | \lambda | \phi | \Lambda | ||||
\gamma | \mu | \chi | \Xi | ||||
\delta | \nu | \psi | \Pi | ||||
\epsilon | \xi | \omega | \Sigma | ||||
\zeta | \pi | \digamma | \Upsilon | ||||
\eta | \rho | \Gamma | \Phi | ||||
\theta | \sigma | \Psi | \Omega | ||||
\iota | \tau | \Delta | \varkappa | ||||
\aleph | \beth | \gimel | \daleth |
其他
符号 | 表达式 | 符号 | 表达式 | 符号 | 表达式 |
---|---|---|---|---|---|
\prod_{a}^{b} | \Rightarrow | \Leftrightarrow | |||
$$ \coprod_{a}^{b}$$ | \coprod_{a}^{b} | \Longrightarrow | \rightleftharpoons | ||
$$ \bigcup_{a}^{b}$$ | \bigcup_{a}^{b} | \nLeftarrow | \infty | ||
\bigcap_{a}^{b} | \Longleftrightarrow | \complement | |||
\bigvee_{a}^{b} | \Uparrow | \Re | |||
$$ \bigwedge_{a}^{b}$$ | \bigwedge_{a}^{b} | \Downarrow | \diamondsuit | ||
\Rrightarrow | \Updownarrow | \circeq | |||
\Lleftarrow | \to | \gets | |||
\Leftarrow | \nrightarrow | \nleftarrow | |||
\triangleq | \trianglerighteq | \ntrianglerighteq |
本插件内置了一个插件更新程序,pluginsUpdate.php
,katex插件本身很简单,但为了满足katex源码本身的更新要求以及本插件以后潜在的更新要求,所以内置了更新程序。
更新是自愿的,V1.0完全满足显示公式的所有要求,如果你对安全比较在意,可以从插件后台获取更新包等检查内容后自行更新。当然,emlog官网商店上线最新版本后才会在插件内进行版本更新通知的。所以你可以在得知更新信息后删除再到商店安装,也可以直接一键更新。
祝你使用愉快!