使用Mathjax网页插入公式

2023-11-07

本文关于

想在网页里面插入公式,找到了 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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用Mathjax网页插入公式 的相关文章

随机推荐

  • hive文件存储格式:SequenceFile系统总结

    问题导读 1 什么是SequenceFile 2 如何 通过 源码实现SequenceFile压缩 3 SequenceFile格式压缩有什么优点和缺点 1 SequenceFile是什么1 1 SequenceFile概述 1 1 seq
  • mapGetters 辅助函数

    1 mapGetters 辅助函数 mapGetters 辅助函数 mapGetters 辅助函数仅仅将store 中的 getter 映射到局部计算属性 1 import mapGetters from vuex 2 export def
  • 列出一个文件夹下的所有文件名(全路径)

    需求 列出一个文件夹下的所有文件的全路径文件名 如果文件是文件夹 那么再次遍历这个文件夹的的所有文件名 直到遍历的文件不是文件夹为止 这时输出文件的全路径名 分析 可以用函数实现 1 函数参数1个 就是要遍历的文件夹的名字 2 遍历该文件夹
  • java垃圾回收机制详解

    文章目录 一 垃圾回收机制是什么 二 机制运行原理 三 机制运行步骤 一 垃圾回收机制是什么 Java的垃圾回收 Garbage Collection GC 机制是Java内存管理的核心部分 它可以自动回收不再被程序使用的内存空间 防止内存
  • Makefile 中:= ?= += =的区别

    在Makefile中我们经常看到 这几个赋值运算符 那么他们有什么区别呢 我们来做个简单的实验 新建一个Makefile 内容为 ifdef DEFINE VRE VRE Hello World else endif ifeq OPT de
  • 今天Chat GPT又胡说八道,看我如何纠正的

    今天想把python pydantic 转成markdown mermaid 就去问Chat GPT Chat GPT给出了如下答案 然后 我就打入命令安装 结果这个包根本就不存在 既然找不到 pydantic 转 mermaid 的工具
  • Docker 安装hadoop

    一 实验环境 实验设备 硬件 单核CPU 内存1G 软件 Ubuntu 16 04操作系统 Docker Hadoop 二 实验原理及内容 1 在Ubuntu系统中安装Docker Apt install docker 复制代码 Apt g
  • Kendo UI开发教程(9): Kendo UI Validator 概述

    Kendo UI Validator 支持了客户端校验的便捷方法 它基于HTML 5 的表单校验功能 支持很多内置的校验规则 同时也提供了自定义规则的便捷方法 完整的Kendo UI 的Validator可以参见API 文档 HTML 5
  • SQL优化

    1 应尽量避免在 where 子句中使用 或 lt gt 操作符 否则将引擎放弃使用索引而进行全表扫描 2 对查询进行优化 应尽量避免全表扫描 首先应考虑在 where 及 order by 涉及的列上建立索引 3 应尽量避免在 where
  • Java 集合 (Set, TreeSet, HashSet)

    目录 1 Set 2 TreeSet 2 1 自然排序 2 2 比较器排序 2 3 两种比较方式小结 3 HashSet 3 1 哈希值 3 2 底层原理 4 小结 1 Set Set 集合特点 可以去除重复 存取顺序不一致 没有带索引的方
  • 手机快充协议

    高通 QC2 0 QC3 0 QC3 5 QC4 0 QC5 0 FCP SCP AFC SFCP MTKPE1 1 PE2 0 PE3 0 TYPEC PD2 0 PD3 0 3 1 VOOC 支持 PD3 0 PD2 0 支持 QC3
  • UML用例图的作用、功能模块图作用与数据库设计三者关系

    这周周一 我们导师要求小组成员开会 我们分别汇报自己的工作 在会中 谈到了用例图 于是我们开始对大家熟悉的用例图进行探讨 经过探讨与自己的思考 我认为应该从以下几个问题来弄清楚用例图的作用 1 用例图由谁来做 为谁做 做完了有什么用途 用例
  • Java8 stream 根据对象字段去重

    public class Java8StreamTest public static class Book private String id private String name public Book String id String
  • attention注意力机制学习

    参考资料 目前主流的attention方法都有哪些 JayLou娄杰的回答 知乎 目前主流的attention方法都有哪些 张戎的回答 知乎 Attention机制解读 高峰OUC的文章 知乎 Transformer详解 一 Attenti
  • linux:filezilla连接ubuntu失败,提示 状态:尝试连接“ECONNREFUSED - 连接被服务器拒绝”失败。

    问题 如上 解决办法 发现ping的通 说明是别的问题 可能是端口号不对 sftp与ftp是否没有区别 超级向向阳的回答 知乎 ftp和sftp有什么区别 ftp和sftp哪个速度快 贝锐花生壳官网 ps 如果是连接超时 注意是否开启了防火
  • 记一次sqlmap的--os-shell的实战

    一 站点内容获取 描述 一个后台管理界面 通常我们会尝试使用弱口令爆破 sql注入 万能密码等 在这个站点我们尝试了弱口令爆破没有成功 但尝试sql注入成功了 并且发现了一系列的struts2框架漏洞 并成功接管了站点的数据库等等 二 站点
  • 2023华为OD机试真题【统一限载最小值】【2023.Q1】

    题目描述 火车站附近的货物中转站负责将到站货物运往仓库 小明在中转站负责调度2K辆中转车 K 辆干货中转车 K 辆湿货中转车 货物由不同供货商从各地发来 各地的货物是依次进站 然后小明按照卸货顺序依次装货到中转车上 一个供货商的货只能装到一
  • 如何在 Linux 中将文件编码转换为 UTF-8

    转自 https linux cn article 7959 1 html 在这篇教程中 我们将解释字符编码的含义 然后给出一些使用命令行工具将使用某种字符编码的文件转化为另一种编码的例子 最后 我们将一起看一看如何在 Linux 下将使用
  • Supermap聚合服务

    大家好 下面呢 我们来学习supermapserver的聚合服务 我们主要学习三个方面的内容 首先呢 我们来了解一下什么是聚合服务 它的一个含义那么其次呢 我们来了解一下聚合服务的原理啊 最后呢 我们来学习一下 如何去创建 聚合服务创建聚合
  • 使用Mathjax网页插入公式

    本文关于 想在网页里面插入公式 找到了 Mathjax 这里说怎么设置 具体来说是怎么在博客园设置 以及一点点如何使用 设置方法 需要开通js的权限 进入 设置 在页脚Html代码输入