typecho博客页面显示数学公式
来源:互联网 发布:sql语句主键约束 编辑:程序博客网 时间:2024/05/16 18:00
最近因为写图像和视频处理的听课笔记,需要在文章中插入数学公式。我又不想用图片式的插入那种,于是就去搜索另外的方法。因为博客的书写是用markdown,我就用markdown,typecho,数学公式作为关键词进行搜索。事实上得到的结果不是很多。但是还是得到了一些方法,那就是利用MathJax。
MathJax 是一个开源的基于 Ajax 的数学公式显示的解决方案,结合多种先进的Web技术,支持主流的浏览器。MathJax 根据页面中定义的 LaTex 数据,生成对应的数学公式。具体可见:mathjax项目代码(GitHub)
但是因为mathjax的代码量比较大,我的博客又是部署在sae上的,要部署mathjax到服务器上的话感觉代价太大。现在有另一种方法可以使用mathjax,只需要几行代码。这个方法在typecho论坛里的一个帖子里看到,把这几行代码复制到header.php的前面即可。代码如下:
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js? config=TeX-AMS-MML_HTMLorMML"></script>
如果需要解决符号冲突的话,可以在这行代码上面加上以下代码:
<script type="text/x-mathjax-config"> MathJax.Hub.Config({ extensions: ["tex2jax.js"], jax: ["input/TeX", "output/HTML-CSS"], tex2jax: { inlineMath: [ ['$','$'], ["\\(","\\)"] ], displayMath: [ ['$$','$$'], ["\\[","\\]"] ], processEscapes: true }, "HTML-CSS": { availableFonts: ["TeX"] } });</script>
附上帖子链接:弄一个支持latex的markdown编辑器?
代码修改好后又发现一个问题,在编辑文章的时候预览可以显示公式,但是在文章发布后首页阅读时公式却不能正常显示。后来发现将第一段代码添加到index.php中就可以解决这个问题了。不要忘记在前后加html标签。因为自己并没有学习或是使用过php语言,所以并不知道如果整个站点都要支持这种显示的话,代码应该在哪里修改,但在编辑的时候可以预览、发布后可以显示,这样的功能已经可以满足使用。
解决了显示问题后下面就是编辑公式的格式问题了。公式的编辑采用LaTex语法。前后用’$$’,’\[公式\]’(行间公式)或’$’,’\(公式\)’(行中公式)括起来即可。
写基本的数学公式要用的LaTex语法在这篇文章中:MARKDOWN输入数学公式(TTang的博客)
注:
- typecho博客页面显示数学公式
- Typecho博客搭建
- typecho页面进度条加载插件
- 显示数学公式
- django博客页面显示
- 通过MathJax在页面上显示微积分等数学公式
- typecho
- 基于 LAMP 的 Typecho 博客搭建
- 博客中添加数学公式
- Typecho导航栏上显示分类目录
- mathjax,网页显示数学公式
- php显示数学公式
- 使用mathjax在博客中完美显示数学公式,支持PC,手机浏览器
- 制作能够显示数学公式以及进行交互式图形绘制的静态页面
- 在博客中输入数学公式
- CSDN博客支持数学公式了!
- typecho-出现500server error页面怎么解决?
- 使用xml来显示数学公式
- gradle 学习系列教程2-gralde与maven比较
- PAT 1006. 换个格式输出整数 (15)
- Ubuntu16.04 Sublime Text3 安装激活和设置
- Genymotion 从注册到安装到运行到调试
- 读《Spring-技术内幕》-第二章:IoC容器的实现-1
- typecho博客页面显示数学公式
- 2016.5.1
- sort alorithms
- 关于树莓派的一些用法
- Tricks(四十五)—— 可视化 min 和 max(表示一种截断)
- CListCtrl::DeleteColumn
- RFC1321 MD5算法信息介绍
- Android学习笔记1:创建Hello World项目
- hdu1061 Rightmost Digit 标准快速幂