使用Mathjax网页插入公式
本文关于
想在网页里面插入公式,找到了 Mathjax,这里说怎么设置,具体来说是怎么在博客园设置。以及一点点如何使用。
设置方法
- 需要开通js的权限。
- 进入
设置
。 - 在
页脚Html代码
输入:
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
displayAlign: "left",
displayIndent: "2em"
});
</script>
<script
type="text/javascript"
src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
CSS设置
如果需要改变格式也可以通过更改CSS
公式的类是 .MathJax_Display{}
说明
- 第一个部分是进行左对齐设置,如果不设置好像默认是居中对齐,我不太喜欢。
- 第二部分就是说明使用mathjax解析公式。
- 先后顺序不能变,好像。
使用方法
插入公式方法
-
在编辑页面输入公式。
-
插入行间公式(1):
$$x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$$
$$x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$$ -
插入行间公式(2):
\begin{equation}x^{y^z}=(1+{\rm e}^x{-2xy^w})\label{1}\end{equation}
。
\begin{equation}x{yz}=(1+{\rm e}x{-2xyw})\label{1}\end -
插入行内公式:
\\(x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}\\)
\(x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}\),因为是从markdown解析,所以是两个\\
。
公式语法
嗯,不想学,然后就去这里吧!
在线公式编辑器
基本就像word里面的公式编辑器,点想要的,对话框会自动帮你翻译成看不懂的样子...
如果想看下到底什么效果,点 Render
。
试了下有点慢,可是好用。
$$\int_{t1}^{t2}dN/N=\int_{t1}^{t2}kdt$$
。
$$\int_{t1}{t2}dN/N=\int_{t1}kdt$$
注意有的时候需要转义,比如
_
可能作用成了斜体,就需要输入\_
。
公式引用和设置
- 使用方法2输入公式,并在
\end{equation}
前插入\label{id}
,id
用你设置的编号替代。 - 引用的时输入
\\ref{1}\
\ref{1}\,点那个1会跳回去上面的公式。 - 打开这个功能需要额外设置,以下代码里面对齐设置也加进去了。
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
TeX: {equationNumbers: {autoNumber: ["AMS"], useLabelIds: true}},
"HTML-CSS": {linebreaks: {automatic: true}},
SVG: {linebreaks: {automatic: true}},
displayAlign: "left",
displayIndent: "2em"
});
</script>
我用
$$
插入的时候不成功,只有用\begin\end{equation}
方法才可以。
点右键试一试
- 会出现一个菜单,至于干嘛的,你自己看看吧,我也不知道。
博客园自带数学公式
- 发现在 设置-选项 里有一个
启用数学公式支持
。删了插入公式的js代码,勾选这个后倒是能显示公式,可是字体微妙的不清楚,不知道为什么。 - 选择启用了之后实际上是修改了下面的内容:
<script type="text/javascript">var currentBlogApp = 'Xeonilian', cb_enable_mathjax=true;var isLogined=true;</script>
参考网站
[1] 这里有三种,一种不显示,一种放大后发虚,Mathjax效果最好,所以我用的这个。例子也是从这里借的。
[2] 关于引用参考的这个网站。
[3] Latex公式语法。
----ฅ(*ΦωΦ)ฅ---- cognata ad sidera tendit...