前言

总结一些在博客园使用MathJax写数学公式的经验。

博客园

设置使用数学公式

  • 进入你的博客:管理 > 选项

里面有个启用数学公式支持,选上后保存。

这时,你就可以在你的博客里写数学公式了。

美化数学公式

本文中数学公式的显示风格和默认的不同。

数学公式的背景色为浅灰;

行间数学公式有个灰色框;

行间数学公式设定为居左;

行间数学公式带编号。

下面是对应的配置。

  • 进入你的博客管理 > 配置

    页首脚tml代码中输入一下内容:
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {
inlineMath: [['$','$'], ['\\(','\\)']],
processEscapes: true
},
displayAlign : "left",
TeX: {
equationNumbers: {
autoNumber: "all",
useLabelIds: true
}
},
"HTML-CSS": {
linebreaks: {
automatic: true
},
scale: 100,
styles: {
".MathJax_Display": {
"text-align": "left",
"width" : "auto",
"margin": "10px 0px 10px 0px !important",
"background-color": "#f5f5f5 !important",
"border-radius": "3px !important",
border: "1px solid #ccc !important",
padding: "5px 5px 5px 5px !important"
},
".MathJax": {
"background-color": "#f5f5f5 !important",
padding: "2px 2px 2px 2px !important"
}
}
},
SVG: {
linebreaks: {
automatic: true
}
}
});
</script>
<!--
<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
-->

注意:如果你发现保存后,输入的内容丢失了。这是因为默认情况下不能在页脚Html代码使用JS.

配置页面上有个申请使用JS的按钮(具体的按钮标签记不清了),

点击这个按钮,输入申请理由,比如:“需要使用MathJax写数学公式”, 然后等管理员批准之后,就可以输入了。

LaTex 语法

  • 行内

    一个行内$f(x)$函数.

    一个行内\(f(x)\)函数
  • 行间

    一个行间
$$f(x)$$

函数

一个行间

\[f(x)
\]

函数

  • 一些例子
LaTex Syntax Sample Description
a \qquad b \(a \qquad b\) double quad space
a \quad b \(a \quad b\) quad space
a\ b$ \(x_i\) subscript
\text{subject to} \(\text{subject to}\) text
e^{i\pi} \(e^{i\pi}\) upperscript
x_i^2 \(x_i^2\) subscript and upperscript
\sqrt{2} \(\sqrt{2}\) square root
\frac{1}{2} \(\frac{1}{2}\) fraction
\textstyle \sum_{i=1}^n w_ix_i \(\textstyle \sum_{i=1}^n w_ix_i\) sum
\displaystyle \sum_{i=1}^n w_ix_i \(\displaystyle \sum_{i=1}^n w_ix_i\) sum
\because \(\because\) because
\therefore \(\therefore\) therefore
= \(=\) equal to
> \(>\) great than
< \(<\) great than
\geqslant \(\geqslant\) great than and equal to
\leqslant \(\leqslant\) less than and equal to
\geq \(\geq\) great than and equal to
\leq \(\leq\) less than and equal to
\neq \(\neq\) not equal to
\lVert w \rVert \(\lVert w \rVert\) vertical
\langle x, y \rangle \(\langle x, y \rangle\) angle
\underset{a}{max} \(\underset{a}{max}\) under set
\bar{\gamma} \(\bar{\gamma}\) bar
  • multiple lines
b =
\begin{cases}
b_1, & \text{if}\ b_1 > 0 \\
b_2, & \text{if}\ b_2 > 0 \\
\frac{b_1 + b_2}{2} & \text{otherwise}
\end{cases}

\[b =
\begin{cases}
b_1, & \text{if}\ b_1 > 0 \\
b_2, & \text{if}\ b_2 > 0 \\
\frac{b_1 + b_2}{2} & \text{otherwise}
\end{cases}
\]

LaTex资源

在博客中使用MathJax写数学公式的更多相关文章

  1. 在博客中使用LaTeX插入数学公式

    在博客中使用LaTeX插入数学公式 在学习机器学习中会接触到大量的数学公式,所以在写博客是会非常的麻烦.用公式编辑器一个一个写会非常的麻烦,这时候我们可以使用LaTeX来插入公式. 写这篇博文的目的在 ...

  2. cnbolgs博客中添加Latex支持

    参考:http://www.cnblogs.com/ilogic/archive/2012/08/05/latex.html 主要是利用在线生成公式的工具:MathJax,但要在博客上获得 MathJ ...

  3. 借用Snippet插件美化博客中的代码

    书写博客,难免要贴出代码.然而直接贴出代码,则不美观.于是,应运而生出现了很多代码美化的插件.其中比较有名的是Syntax Highlighting插件.   笔者在网上翻阅的时候发现了Snippet ...

  4. 如何将word中的图片和文字导入自己的博客中

    目前大部分的博客作者在用Word写博客这件事情上都会遇到以下3个痛点: 1.所有博客平台关闭了文档发布接口,用户无法使用Word,Windows Live Writer等工具来发布博客.使用Word写 ...

  5. 怎样将word中的图片插入到CSDN博客中

    目前大部分的博客作者在用Word写博客这件事情上都会遇到以下3个痛点: 1.所有博客平台关闭了文档发布接口,用户无法使用Word,Windows Live Writer等工具来发布博客.使用Word写 ...

  6. 带图片的word快速插入到博客中

    最近在博客中写文章的时候,最烦的就是将word文档整体传到博客中,不能一次把图片粘贴上去,再次去添加图片的时候要截图还要找对位置才可上传,偶尔的机会在网上看到有人这么处理,挺好用的,这里我也做个备注. ...

  7. 博客中新浪图床 迁移至 阿里云的OSS

    前言 因为之前有个新浪的图床,还挺好用,而且免费,自己博客的图片上传到其上面也挺方便的,但是,前几周吧,突然图片就不能访问了,之前本来是想通过添加 meta 头来解决的,但是发现没有效果.于是就自己搞 ...

  8. 关于将sublime中的代码高亮导出到博客中

    第一步:打开sublime编辑器,用快捷键ctrl+shift+p调出control panel,在出现的输入框中输入install,按回车键 第二步:然后输入插件名称sublimehighlight ...

  9. 在hexo静态博客中利用d3-cloud来展现标签云

    效果: http://lucyhao.com/tags/ hexo自带的tag cloud的标签展现不太美观,想能够展现出“云”效果的标签.在网上找到了d3-cloud这个项目,github地址:ht ...

随机推荐

  1. 使用U盘代替光盘来刻录ISO镜像文件的方法

    原文链接: http://jingyan.baidu.com/article/d3b74d64aa4a6a1f77e60932.html 1.以管理员身份运行UltraISO,点击“文件”菜单下的“打 ...

  2. MariaDB Galera Cluster 10.1 只支持 LINUX ?!

    MariaDB Galera Cluster  (MariaDB 10.1) 当前只支持:LINUX ! 参考: https://mariadb.com/kb/en/mariadb/getting-s ...

  3. 关于Python的web框架

    uliwebhttp://git.oschina.net/limodou/uliweb uliweb 吸取了其他框架的经验,集成了orm.总的来说一般.这个安装后有个exe文件,命令行工具.不绿色.个 ...

  4. 使用Flask-Migrate进行管理数据库升级

    我们在升级系统的时候,经常碰到需要更新服务器端数据结构等操作,之前的方式是通过手工编写alter sql脚本处理,经常会发现遗漏,导致程序发布到服务器上后无法正常使用. 现在我们可以使用Flask-M ...

  5. AX7 VM can not starting

    这个问题跟很多人遇到的一样,VM下载,一开始使用正常,特然某个时候,就挂了,直接引用老外的描述吧 http://community.dynamics.com/ax/f/33/p/203984/5296 ...

  6. POJ 2524 Ubiquitous Religions

    Ubiquitous Religions Time Limit: 5000MS   Memory Limit: 65536K Total Submissions: 20668   Accepted:  ...

  7. osgi:设置httpservice端口号

    使用osgi开发http类的Service,在启动时默认端口是80.但有可能这个端口已经被本机上的其他程序占用.那么解决问题的方法有两种:1)关闭或修改占用程序的端口: 2)修改osgi启动时的端口. ...

  8. 读书笔记_Effective_C++_条款四十五:运用成员函数模板接受所有兼容类型

    比如有一个Base类和一个Derived类,像下面这样: class BaseClass {…}; class DerivedClass : public BaseClass {…}; 因为是父类与子 ...

  9. 自定义ISPF面板

    1)登录的时候可以看到登录执行的PROCEDURE,此处为DBSPROC 2.登录后,进入SDSF,再进入LOG,输入命令TOP,再输入命令F JOB,按F11把屏幕向右翻页,看到哪下界面 找到//I ...

  10. 原生js提交表单

    /********************* 表单提交 ***********************/ function ajax(options) { options = options || { ...