周末撸了一个 MathJax 的图床

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 3435 天前的主题，其中的信息可能已经有所发展或是发生改变。

为那些不能使用 MathJax 脚本的页面制作的，例如 github 中写基于 markdown 的文档，有需要显示数学公式的需求时。暂时只能外链 svg。

链接请戳： http://mathjax.everyx.in/
Bug反馈： https://github.com/everyx/mathjax.everyx.in

第 1 条附言 · 2014-12-01 22:38:26 +08:00

博客：http://t.cn/RzxBqoV

第 2 条附言 · 2014-12-06 00:24:11 +08:00

可以使用 PNG 格式的外链了，要方便多了～

Mathjax Node 使用的是 BatikRasterizer，java 编写的，服务器么有 java 环境，就自己修改了 Mathjax Node 的代码，使用原生 node 工具 svg2png 来生成

MathJax

svg

Markdown

21 条回复 • 2014-12-04 22:11:27 +08:00

Scumer

2014-12-01 16:18:19 +08:00

shenme gui

everyx

2014-12-01 17:35:51 +08:00 via Android

@Scumer 什么意思？

immjun

2014-12-01 18:31:17 +08:00

@everyx 暴走大事件里面的 “什么鬼”

loveyu

2014-12-01 18:37:23 +08:00

真没看出事啥

everyx

2014-12-01 18:52:35 +08:00 via Android

@immjun
@Scumer
@loveyu
一个生成数学公式的图片外链的工具啊，使用的 MathJax 的 api 来生成的

jedihy

2014-12-01 20:23:16 +08:00

nice!

dofine

2014-12-01 20:34:02 +08:00

nice!

dsdshcym

2014-12-01 20:37:25 +08:00

收藏了！

试用了一下，好像使用说明会把输出的url给遮挡住，复制的时候有点不方便。

everyx

2014-12-01 21:13:15 +08:00

@dsdshcym 谢谢反馈，我待会修正一下，其实只需要将表达式 base64 编码一下，然后按照链接规则直接写行了，不用专门打开网站来生成 :)

everyx

2014-12-01 21:23:04 +08:00

@dsdshcym 请问你用的什么浏览器呢？刚看了一下，应该不会出现 url 被遮挡的问题啊。

cbsw

2014-12-01 22:25:44 +08:00

试了下 tex: E=mc^2 到 svg，然后打开生成的链接就出现下面的错误：

XML Parsing Error: syntax error
Location: http://mathjax.everyx.in/tex/svg/RT1tY14y
Line Number 1, Column 1:500 Internal Server Error
^

everyx

2014-12-01 22:34:49 +08:00

@cbsw 是 MathJax for Node 的 bug，已修正，你再试试

cbsw

2014-12-01 22:52:19 +08:00

@everyx 不错，可以了

dsdshcym

2014-12-01 23:01:15 +08:00

@everyx Safari
是不是因为我写的测试代码太长了？

everyx

2014-12-02 08:37:24 +08:00 via Android

@dsdshcym 嗯，有可能，有时间优化一下

Saber

2014-12-02 20:04:42 +08:00

@immjun 不是暴走大事件里的。是在B站上的鬼畜视频里鬼畜暴走大事件里面的一个人的一句话。因为重复很多次在最新的一期的暴走大事件里也出现了这句话。

everyx

2014-12-02 20:35:58 +08:00

@dsdshcym 你好，请问能否提供以下你测试的表达式代码以及输出选项

everyx

2014-12-02 21:12:07 +08:00

@dsdshcym 问题已经找到了，现已修复

dsdshcym

2014-12-02 22:32:55 +08:00

@everyx
感谢！测试了一下，网址是能显示全了，但是预览图变的很小。

我用的测试代码是： test=\begin{cases}{1}&{test}\\{2}&{test}\end{cases}

输入：tex 输出：svg

everyx

2014-12-04 20:00:42 +08:00

@dsdshcym 发现是基于 webkit 的在使用 <img src="xxx.svg" /> 时如果不指定宽高，显示就好小，现在改用 <object data="xxx.svg" type="image/svg+xml"></object> 应该可以了，我手机 Chrome 现实没问题。

dsdshcym

2014-12-04 22:11:27 +08:00

@everyx
嗯，我这也显示正常了。
多谢！