emlog公式显示插件katex说明和使用教程
时间:2021-8-11 00:06 作者:独元殇 分类: emlog 文档
[toc]
下载地址:https://www.emlog.net/plugin/detail/372
特此补充
复杂公式无法展示的解决方案
(2023年06月04日)
有时候我们这玩意可能不会很有效...... 其实原因很简单, emlog pro 是使用的 markdown 语法,因此,所有后台写的文本内容,皆会由 parsedown.php 这个 markdown 语法转换器转化一遍。
这便导致一些特殊的 markdown 专用字符,会被转化。
某天我们要展示这样一个公式:
$$ A = \lim_{n \to \infty} A_n = \lim_{n \to \infty} n\frac{1}{2} r^2 \sin \frac{2\pi}{n} = \pi r^2 \lim_{n \to \infty} \frac{\sin \frac{2\pi}{n}}{\frac{2\pi}{n}} $$
上面的公式好复杂! 无法显示怎么办?这是因为 latex 语法和 markdown 语法有冲突了,那就用个 < div > 来包裹一下就可以了!
<div>
$$ A = \lim_{n \to \infty} A_n = \lim_{n \to \infty} n\frac{1}{2} r^2 \sin \frac{2\pi}{n} = \pi r^2 \lim_{n \to \infty} \frac{\sin \frac{2\pi}{n}}{\frac{2\pi}{n}} $$
</div>
这样就显示出来了!
某天我们要展示这样一个公式:
$$ A = \lim_{n \to \infty} An = \lim{n \to \infty} n\frac{1}{2} r^2 \sin \frac{2\pi}{n} = \pi r^2 \lim_{n \to \infty} \frac{\sin \frac{2\pi}{n}}{\frac{2\pi}{n}} $$
上面的公式好复杂! 无法显示怎么办?这是因为 latex 语法和 markdown 语法有冲突了,那就用个 < div > 来包裹一下就可以了!
这样就显示出来了!
其实只要我们的 markdown 源码某部分直接被 < span > < p > < div > 等任意 html 标签包裹,就不会被解析。
注意,是在源码中主动写 html 标签。
简而言之,就是,如果有些 latex 公式不起效,那就用个 包裹住,这样 emlog 就不会插手 latex 的东西了,latex 也就使用无忧了。
取消公式居中的解决方案(换言之,想在句子里面显示公式)
很简单!把 $$
换成 $
即可。
$$\sum_{i=1}^{n}\frac{1}{i}$$
在句子里面使用 $$\sum_{i=1}^{n}\frac{1}{i}$$ 的样子。
$$\sum_{i=1}^{n}\frac{1}{i}$$
在句子里面使用 $$\sum_{i=1}^{n}\frac{1}{i}$$ 的样子。
使用单个 `$` 可以使公式嵌入文本中(包括不再居中显示)。
$\sum_{i=1}^{n}\frac{1}{i}$
在句子里面使用 $\sum_{i=1}^{n}\frac{1}{i}$ 的样子。
使用单个 $
可以使公式嵌入文本中(包括不再居中显示)。
$\sum_{i=1}^{n}\frac{1}{i}$
在句子里面使用 $\sum_{i=1}^{n}\frac{1}{i}$ 的样子。
【以下是原正文】
效果
$$ \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官网商店上线最新版本后才会在插件内进行版本更新通知的。所以你可以在得知更新信息后删除再到商店安装,也可以直接一键更新。
祝你使用愉快!
推荐阅读: