在博客园中配置MathJax

对于经常在博客中撰写学术与技术类文章的网友来说,能够直接插入LaTeX数学公式是一项非常实用与方便的功能。幸好博客园已经提供了对MathJax数学公式的支持,只要在博客后台管理界面中的“选项”一栏中勾选“启用数学公式支持”即可。接下来,为了使用自定义的LaTeX命令与数学符号,一般来说,就需要使用Javascript对MathJax予以配置。相应的配置脚本则需要在博客后台管理界面中的“设置”页面中予以添加。然而,经过测试发现,当尝试将配置脚本贴入“设置”页面中的“页首”、“页脚”、“公告栏”这几个文本框中时,无一生效。正确的做法是在“页首HTML”中直接加入类似如下的LaTeX源码即可。可以看到,为了让配置脚本能够被MathJax正确识别并在HTML页面中隐藏,需要将其放到display属性置为none的div区块中,且前后由双美元符号括起来。

<div style="display:none;">
$$
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
% Self-defined math definitions
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

% Math symbol commands
\newcommand{\intd}{\,{\rm d}}   % Symbol ‘d‘ used in integration, such as ‘dx‘
\newcommand{\diff}{{\rm d}}     % Symbol ‘d‘ used in differentiation
...
$$
</div>

由于上述方法无法通过\usepackage引入LaTeX宏包,所以如果需要使用amscd宏包绘制交换图,便只能在输入交换图源码的时候指明使用AMScd。具体如下:

\begin{CD}
  \require{AMScd}
  X @>T>> Y \  @AJ_XAA @AAJ_YA \  X_s‘ @<<{T‘}< Y_s‘
\end{CD}

然后,MathJax就可以直接在HTML页面渲染出精美的图示了。

原文地址:https://www.cnblogs.com/quantumman/p/10050570.html

时间: 2024-10-15 14:41:02

在博客园中配置MathJax的相关文章

博客园中前辈技术总结会不会过期

问个问题,前辈们2009年以前写的.net开发经验,会不会已经过期?主要是javascript的还有asp.net的Webform的. 还有线程,asp.net登录验证,控件方式开发等. 博客园首页左侧有很多推荐博客,还有博问专家.博客混得多了,常跑到前辈的地盘,看着年龄都六年,七年,甚至十几年了. 博客园中我见很多前辈写.net技术,我主要关注的是asp.net这个方向,c#语言.很多大概都是高产三年以后就不怎么写了. 这些技术总结距今远的已经有7年8年,近的有六年,五年.我知道这些是博客园的

新浪微博微组件添加到博客园中

弄了半天,终于搞定了.将微博放入博客园是一件多么让人兴奋的事情. 刚开始都压根不知道要怎么用,只能在新浪开发平台上各种倒腾.最后才发现原来这么简单. 1.登录新浪微博开放平台,点击常用引导栏下的微组件 2.在微博组件中,选择一个你希望用到的 3.进到微博小工具后选择 博客挂件 在这里值的说的是,我刚开始就一直在弄我的微博秀,但是代码复制到博客园后总是清除掉.后来发现,用这个只能注册申请,而我们也没有自己的网站什么,真心很麻烦,所以直接用博客组件把.方便,省事.嘿嘿... 4.选定你的博客类型 5

【转】博客园中应用LaTex进行公式编写

在博客园中应用LaTex进行公式编写.切换到HTML编辑界面,加入如下语句: <img src="http://latex.codecogs.com/gif.latex?\sqrt{a^2+b^2}" title="\sqrt{a^2+b^2}" /> 其中 "\sqrt{a^2+b^2}" 即为要显现的公式. 显示结果为: [转]博客园中应用LaTex进行公式编写

博客园中实现代码高亮

本文目的:在博客园中引入sublime样式的代码高亮效果. 话不多说,先上效果图: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>helloWorld</title> <style> div{ text-align: center; font-size: 20px; } </style

怎样在博客园中添加自己的导航栏

原本想在博客园中添加自己的导航栏,摸索一番后才发现,博客园没有提供添加自己导航栏的功能.要是能自己写js来添加应该也是可以的,于是申请了js权限,申请了好多次都不通过,~~o(>_<)o ~~,今天终于审核通过了,自己尝试来添加导航. 准备导航栏js 我自己写了一个简单的jquery插件来添加或者移除导航,好,不多说了,贴出代码: (function(jQuery) { var arr = [], slice = arr.slice; var methods = { init: functio

博客园中Bootstrap4点击查看结果模板代码

博客园中Bootstrap4点击查看结果模板代码 <span class="btn btn-danger" data-toggle="collapse" data-target="#result">点击查看结果</span> <div class="collapse" id="result">请在这里书写您的代码</div> 原文地址:https://www.

在博客园中复制代码到网页中,有时候会存在异常,如下:

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{ padding: 0; margin: 0; } .warp{ background: #ddd; } </style></

Linux下使用 github+hexo 搭建个人博客03-hexo配置优化

上两张文章,我们说了 hexo 部署.主题的切换.博文的创建.MarkDown 简单使用和 hexo 部署到 GitHub Pages. 也说了我们会使用 next 主题做为我们后期博客的使用和维护.但是该主题的原生态,可能或多或少不满足我们当前的需求,因此需要我们对其进行优化,达到我们想要的效果. 因此这篇文章和下篇文章主要就是针对主题的优化进行书写的. 注意事项 1.优化完毕或者新建博客后需要 hexo g 生成静态文件: 2.然后重新启动服务,使用命令 hexo s -p 80 3.浏览器

如何在博客园中外挂字体 Lebal:Research

有时候我们会遇到想要的字体但是在博客园中没有办法选择的情况,这个时候可以选择外挂字体,示例代码(插入Klavika字体并将其命名为KlavikaRegular)如下 @font-face{ /*将插入的字体命名为KlavikaRegular*/ font-family:KlavikaRegular; /*以下几行都是插入字体的链接,包含各种格式*/ src:url(https://jobs.amd.com/sites/amd/css/fonts/Klavika-RegularCond.otf);