使用Mathjax网页插入公式

本文关于

想在网页里面插入公式,找到了 Mathjax,这里说怎么设置,具体来说是怎么在博客园设置。以及一点点如何使用。

设置方法

  1. 需要开通js的权限。
  2. 进入 设置
  3. 页脚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^{y^z}=(1+{\rm e}^x{-2xy^w})\label{1}\end{equation}

  • 插入行内公式: \\(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}^{t2}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公式语法。

转载于:https://www.cnblogs.com/Xeonilian/p/mathjax-setting-usage.html

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值