notebooks
  • notebooks
  • _planning
    • 2022 OKR
    • basketball
    • swimming
  • communication
    • Dubbo
    • Kafka
    • Messaging
    • RPC
    • Thrift
  • computation
    • map-reduce
  • cs-basic-knowledge
    • computer-architecture
    • data-structure-and-algorithms
    • networks
    • os
  • devops
    • Docker
    • Linux
    • Prometheus
    • operations
    • security
    • trouble-shooting
  • distributed-knowledge
    • Zookeeper_CMD
    • distributed-system
  • game-engine
    • Unity
  • others
    • appium使用
  • protocols
    • http(s)协议
    • 官方链接
    • sip
  • storage
    • Elasticsearch
    • GuavaCache
    • MySQL
    • MySQL_CMD
    • NoSQL
    • Redis
    • Redis_CMD
  • system-design
    • system-design
  • tools
    • Git
    • IDEA
    • Mac
    • VScode
    • Vim
  • _working
    • doc-template
      • backend-design-review
      • correction-of-error
      • service-review
    • process
      • domain-backup
      • oncall
  • blogs
    • history
      • 8088/8086微处理器
      • 8088/8086指令系统
      • CSS-DOM
      • CSS定位
      • CSS工作原理
      • CSS控制背景
      • CSS浮动布局
      • CSS盒模型
      • Chrome开发者工具使用方法
      • DOM
      • Django Model模型层学习
      • Django-REST-framework Serializers学习
      • Django-REST-framework Views和ViewSets学习
      • Django View视图层学习
      • Gvim下Emmet安装及使用教程
      • HTTP协议简介
      • HashMap原理初探
      • JavaScript简史
      • JavaScript语法
      • Java内存模型和GC机制
      • Java基础——Lambda学习
      • Java基础——方法引用
      • Java基础——枚举类型
      • Java类加载机制
      • KMP算法
      • Kafka学习
      • Linux下用命令行编译Java程序
      • MathJax简介和基本用法
      • Python实现常见数据结构
      • Python装饰器总结
      • TCP协议的三次握手和四次挥手
      • Thrift学习
      • asyncio学习
      • markdown的常用语法
      • 修改hosts文件实现翻墙
      • 充实文档的内容
      • 关系数据库
      • 关系数据库标准语言SQL(一)
      • 关系数据库标准语言SQL(二)
      • 关系数据理论
      • 关系查询处理和查询优化
      • 内联元素和块级元素
      • 剑指offer算法题练习
      • 动态创建标记
      • 图形化用户界面
      • 在Eclipse中使用Maven构建Java Web项目
      • 增加微博秀遇到的一些问题
      • 处理机调度
      • 如何用github和hexo搭建个人博客
      • 存储管理
      • 存储系统的层次结构
      • 学习模仿lionhit网站首页的过程总结
      • 实用的GitHub小技巧
      • 并发控制
      • 循环与分支程序设计
      • 指令系统的设计
      • 指令级并行及其开发——硬件方法
      • 搭建自己的VPN服务器
      • 操作系统用户界面
      • 数据库安全性
      • 数据库完整性
      • 数据库恢复技术
      • 数据库绪论
      • 数据库编程
      • 数据库设计
      • 数据抽象
      • 文件系统
      • 文法和语言
      • 最佳实践
      • 案例研究:JavaScript图片库
      • 案例研究:图片库改进版
      • 汇编语言程序格式
      • 汇编语言程序设计基础知识
      • 流水线技术
      • 深度优先搜索和广度优先搜索
      • 牛客网——网易2017秋招编程题集合
      • 用JavaScript实现动画效果
      • 第一篇博客
      • 经典排序算法总结(Java实现)
      • 经典查找算法总结(Java实现)
      • 综合示例
      • 编译原理引论
      • 背包、队列和栈
      • 虚拟机安装Linux系统及常用软件
      • 计算机操作系统绪论
      • 计算机系统结构的基础知识
      • 设备管理
      • 设计模式之代理模式
      • 设计模式之单例模式
      • 设计模式之工厂模式
      • 设计模式之策略模式
      • 设计模式之观察者模式
      • 词法分析
      • 进程管理
      • 闭包
      • 阻止Google自动跳转到香港服务器的方法
      • 项目部署过程
  • programming-language
    • C#
      • C#
    • C&C++
      • C
    • C&C++
      • C++
    • Java
      • GoogleGuice
    • Java
      • JVM
    • Java
      • Java
    • Java
      • Maven
    • Java
      • Mybatis
    • Java
      • Spring知识
    • Java
      • SpringBoot
    • Java
      • Tomcat
    • Python
      • Python
    • Shell
      • Shell
  • wheels
    • dcc
      • 产品调研
      • 方案设计
    • red-envelope
      • 方案设计
    • short-url
      • 短链接服务
    • sso
      • 方案设计
Powered by GitBook
On this page
  • 简介
  • 基本用法
  • 获取MathJax
  • 基本语法
  • 友情链接
  1. blogs
  2. history

MathJax简介和基本用法

MathJax是一个JavaScript引擎,用来显示网络上的数学公式。它可以工作于所有流行的浏览器上。

简介

MathJax是一个开源JavaScript库。它支持LaTeX、MathML、AsciiMath符号,可以运行于所有流行浏览器上。 它的设计目标是利用最新的web技术,构建一个支持math的web平台。支持主要的浏览器和操作系统,包括那些移动设备。 对大部分用户而言它不需要安装,即没有插件需要下载也没有软件需要安装,所以网页作者可以编写包含数学公式的页面并有信心可以自然而容易的浏览到它们。 只需要在页面中包含MathJax脚本和一些数学公式,其他的事情交给MathJax来处理吧。

MathJax使用网络字体(大部分浏览器都支持)去产生高质量的排版,使其在所有分辨率都可缩放和显示,这远比使用包含公式的图片要有效得多。 MathJax也可以用于屏幕阅读器,让视力受损者也可以使用。

使用MathJax显示数学公式是基于文本的,而非图片。它可以被搜索引擎使用,这意味着方程式和页面上的文字一样是可以被搜索的。 MathJax允许页面作者使用TeX、LaTeX符号和 MathML 或者 AsciiMath 去书写公式。 MathJax甚至可以将Tex格式转化为MathML格式,使其可以被原生支持MathML格式的浏览器更多的渲染。转化为MathML格式后你可以复制粘贴它们到其他程序中。

MathJax是模块化的,所以它仅仅在需要时才加载它的组件,同时也可以被扩展以实现更多功能。 MathJax同时也是高度可配置的,允许作者作出更适宜网站自身的自定义。 最重要的,MathJax的API可以让你在你的网页上动态的创建公式。

基本用法

获取MathJax

有三种方法

  • 使用分布式网络中MathJax的副本 例如:

<script type="text/javascript"
  src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
  • 下载并安装一个MathJax的副本到服务器

    1. 获取MathJax的副本并放置在硬盘上。

    2. 配置MathJax以适合自己站点的需要。

    3. 链接MathJax到要包括公式的web页面。

    4. 将公式写入页面以便MathJax显示它们。

  • 使用本地硬盘的副本

基本语法

插入公式

  • 行内公式

$...$
  • 行间公式

$$...$$   //注意要在上面空出一行

例如:行内公式$y=\sum_{i=1}^{n}x$为$y=\sum_{i=1}^{n}x$,行间公式为

上标和下标

  • 上标:^

  • 下标:_

例如:$x^1$为$x^1$;$x_n为$x_n$;$x^{5^6}$为$x^{5^6}$

括号

  • 圆括号:()

  • 方括号:[]

  • 花括号:\lbrace \rbrace

  • 尖括号:\langle \rangle

  • 上取整:\lceil \rceil

  • 下取整:\lfloor \rfloor

例如:$\lbrace[(a+b)]\rbrace$为$\lbrace[(a+b)]\rbrace$;$\langle x,y \rangle$为$\langle x,y \rangle$;$\lceil x \rceil$为$\lceil x \rceil$;$\lfloor y \rfloor$为$\lfloor y \rfloor$。

求和和累积

  • 求和:\sum

  • 累积:\prod

例如:$\sum_{i=1}^{n}x$为$\sum_{i=1}^{n}x$,$\prod_0^{10}x^2$为$\prod_0^{10}x^2$。

积分和极限

  • 积分:\int

  • 极限:\lim

例如:$\int_a^b$为$\int_a^b$,$\lim_{x\to 0}$为$\lim_{x\to 0}$。

分式和根式

  • 分式:\frac

  • 根式:\sqrt

例如:$\sqrt[3]{\frac{x}{y}}$为$\sqrt[3]{\frac{x}{y}}$。

矢量

  • 矢量:\vec

例如:$\vec{a}\cdot\vec{b}$为$\vec{a} \cdot \vec{b}$。

省略号和公式编号

  • 省略号:\ldots(与文本底线对齐)和\cdots(与文本中线对齐)

  • 公式编号:\tag{id}

例如:$f(x_1,x_2,\ldots,x_n) = x_1^2 + x_2^2 + \cdots + x_n^2$为$f(x_1,x_2,\ldots,x_n) = x_1^2 + x_2^2 + \cdots + x_n^2$,公式编号:

{ \sum_{i=0}^n i^2= \frac {(n^2+n)(2n+1)}{6}} \tag{1.1}

字体

例如:\mathfrak字体 $\mathfrak{ABC}$为$\mathfrak{ABC}$。

其他字母和特殊符号(常用)

$\alpha$:\alpha $\beta$:\beta $\Gamma$:\Gamma $\gamma$:\gamma $\delta$:\delta $\Delta$:\Delta $\epsilon$:\epsilon $\theta$:\theta $\pi$:\pi $\Pi$:\Pi $\lambda$:\lambda $\mu$:\mu $\xi$:\xi $\sigma$:\sigma $\phi$:\phi $\Phi$:\Phi $\omega$:\omega $\Omega$:\Omega

关系运算符 $\pm$:\pm $\times$:\times $\div$:\div $\mid$:\mid $\ast$:\ast $\bigodot$:\bigodot $\bigotimes$:\bigotimes $\bigoplus$:\bigoplus $\leq$:\leq $\geq$:\geq $\neq$:\neq $\approx$:\approx $\equiv$:\equiv

集合运算符 $\emptyset$:\emptyset $\in$:\in $\notin$:\notin $\subset$:\subset $\supset$:\supset $\subseteq$:\subseteq $\supseteq$:\supseteq $\bigcap$:\bigcap $\bigcup$:\bigcup $\bigvee$:\bigvee $\bigwedge$:\bigwedge

对数运算符 $\log$:\log $\lg$:\lg $\ln$:\ln

三角运算符 $\angle$:\angle $30^\circ$:30^\circ $\sin$:\sin $\cos$:\cos $\tan$:\tan

微积分运算符 $\prime$:\prime $\iint$:\iint $\iiint$:\iiint $\iiiint$:\iiiint $\oint$:\oint $\infty$:\infty

逻辑运算符 $\because$:\because $\therefore$:\therefore $\forall$:\forall $\exists$:\exists $\not=$:\not= $\not>$:\not> $\not\subset$:\not\subset

箭头符号 $\uparrow$:\uparrow $\downarrow$:\downarrow $\Uparrow$:\Uparrow $\Downarrow$:\Downarrow $\rightarrow$:\rightarrow $\leftarrow$:\leftarrow $\Rightarrow$:\Rightarrow $\Leftarrow$:\Leftarrow $\longrightarrow$:\longrightarrow $\longleftarrow$:\longleftarrow $\Longrightarrow$:\Longrightarrow $\Longleftarrow$:\Longleftarrow

友情链接

PreviousLinux下用命令行编译Java程序NextPython实现常见数据结构

Last updated 3 years ago

y=∑i=1nxy=\sum_{i=1}^{n}xy=∑i=1n​x

(生成公式代码或图片)

官方网站www.mathjax.org
MathJax中文文档
MathJax在线编辑器