在博客中使用MathJax写数学公式
前言
总结一些在博客园使用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)$$
函数
一个行间
\]
函数
- 一些例子
| 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}
\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写数学公式的更多相关文章
- 在博客中使用LaTeX插入数学公式
在博客中使用LaTeX插入数学公式 在学习机器学习中会接触到大量的数学公式,所以在写博客是会非常的麻烦.用公式编辑器一个一个写会非常的麻烦,这时候我们可以使用LaTeX来插入公式. 写这篇博文的目的在 ...
- cnbolgs博客中添加Latex支持
参考:http://www.cnblogs.com/ilogic/archive/2012/08/05/latex.html 主要是利用在线生成公式的工具:MathJax,但要在博客上获得 MathJ ...
- 借用Snippet插件美化博客中的代码
书写博客,难免要贴出代码.然而直接贴出代码,则不美观.于是,应运而生出现了很多代码美化的插件.其中比较有名的是Syntax Highlighting插件. 笔者在网上翻阅的时候发现了Snippet ...
- 如何将word中的图片和文字导入自己的博客中
目前大部分的博客作者在用Word写博客这件事情上都会遇到以下3个痛点: 1.所有博客平台关闭了文档发布接口,用户无法使用Word,Windows Live Writer等工具来发布博客.使用Word写 ...
- 怎样将word中的图片插入到CSDN博客中
目前大部分的博客作者在用Word写博客这件事情上都会遇到以下3个痛点: 1.所有博客平台关闭了文档发布接口,用户无法使用Word,Windows Live Writer等工具来发布博客.使用Word写 ...
- 带图片的word快速插入到博客中
最近在博客中写文章的时候,最烦的就是将word文档整体传到博客中,不能一次把图片粘贴上去,再次去添加图片的时候要截图还要找对位置才可上传,偶尔的机会在网上看到有人这么处理,挺好用的,这里我也做个备注. ...
- 博客中新浪图床 迁移至 阿里云的OSS
前言 因为之前有个新浪的图床,还挺好用,而且免费,自己博客的图片上传到其上面也挺方便的,但是,前几周吧,突然图片就不能访问了,之前本来是想通过添加 meta 头来解决的,但是发现没有效果.于是就自己搞 ...
- 关于将sublime中的代码高亮导出到博客中
第一步:打开sublime编辑器,用快捷键ctrl+shift+p调出control panel,在出现的输入框中输入install,按回车键 第二步:然后输入插件名称sublimehighlight ...
- 在hexo静态博客中利用d3-cloud来展现标签云
效果: http://lucyhao.com/tags/ hexo自带的tag cloud的标签展现不太美观,想能够展现出“云”效果的标签.在网上找到了d3-cloud这个项目,github地址:ht ...
随机推荐
- dll return a string
char g_szText[1024]; __declspec(dllexport) const char * __stdcall FuncName(const unsigned char *p) { ...
- android开发(49) android 使用 CollapsingToolbarLayout ,可折叠的顶部导航栏
概述 在很app上都见过 可折叠的顶部导航栏效果.google support v7 提供了 CollapsingToolbarLayout 可以实现这个效果.效果图如下: 实现步骤 1. 写 ...
- CSS-JQUERY笔记
Ready $(document).ready(function(){ }) Input_div_span Input-长度限制 <input maxLength="2"&g ...
- [原创]Android Handler使用Message的一个注意事项
最近发现了一个莫名其妙的问题,在使用Handler.post(Runnable)这个接口时,Runnable有时候没有运行,非常奇怪,后来发现是因为调用Handler.removeMessage()时 ...
- [原创]HierarchyView的实现原理和Android设备无法使用HierarchyView的解决方法
最近在看一个老外写的东西,发现里面有个类,使用这个类可以让任何设备使用HierarchyView. 众所周知,市面上卖的Android设备,一般都不能使用HierarchyView,所以借此机会,了解 ...
- easyui plugin——etreegrid:CRUD Treegrid
昨天写了一个ko+easyui的同样的实现,感觉写的太乱,用起来十分麻烦,于是今天照着edatagrid,写了一个etreegrid,这样再用ko绑定就方便多了. 使用很简单,$(tableId).e ...
- wordpress表结构
WordPress仅仅用了10 个表:wp_comments, wp_links, wp_options, wp_postmeta, wp_posts, wp_term_relationships, ...
- python导入自定义模块
上网查了下资料和自己实验了下,有几个方法: 1.如果导入的模块和主程序在同个目录下,直接import就行了 2.如果导入的模块是在主程序所在目录的子目录下,可以在子目录中增加一个空白的__init__ ...
- SGU 422 Fast Typing(概率DP)
题目大意 某人在打字机上打一个字符串,给出了他打每个字符出错的概率 q[i]. 打一个字符需要单位1的时间,删除一个字符也需要单位1的时间.在任意时刻,他可以花 t 的时间检查整个打出来的字符串,并且 ...
- iTunes Connect突然登录不了的原因
突然使用开发者账号登录不了iTunes Connect了,提示:Your Apple ID or password was entered incorrectly. 这是由于iTunes Connec ...