文档章节

MathJax Grunt Cleaner (MathJax 的简化工具)

zTree
 zTree
发布于 2017/05/09 12:09
字数 506
阅读 397
收藏 0

MathJax 很强大也很庞大,如果放到自己项目中必须要进行简化,否则解压后几十兆的体积肯定会让你消化不良的。

MathJax 官网:https://www.mathjax.org/

MathJax github 地址:https://github.com/mathjax/

在 Mathjax 的 github 网址上可以很容易找到 MathJax-grunt-cleaner 工具

MathJax-grunt-cleaner 地址:https://github.com/mathjax/MathJax-grunt-cleaner

简化步骤:

  1. 下载 MathJax 完整 zip 包,解压缩(当前版本:4.7.1)
  2. 下载 MathJax-grunt-cleaner 完整 zip 包,解压缩
  3. 把 MathJax-grunt-cleaner 内的 Gruntfile.js 和 package.json 文件复制到 MathJax 解压目录
  4. 修改 MathJax 解压目录下的 Gruntfile.js 文件
    • gruntfile.js 文件使用很简单,只需要找到 'template' 任务,该模板默认清除所有内容,你对照文件根据自己的需要,屏蔽你需要保留的文件即可。(请参考本文最下方的配置文件)
  5. 执行 npm install -g grunt  安装 grunt 到全局环境 (如果你的机器上全局环境已有 grunt 请忽略此步骤)
  6. 执行 grunt template
  7. 手动删除文件
    • config/ 只保留你需要的 配置文件即可(我只留 TeX-AMS-MML_SVG)
    • extensions/a11y/  这应该是一个输入控制的扩展包,直接删掉(请慎重,仅供参考) 
    • localization/ 国际化语言文件,请保留你自己需要的内容即可。(我只留 zh-hans)

 我这里选择 TeX-AMS-MML_SVG 模式,配置如下:(仅供参考)

grunt.registerTask("template", [
    // **Notes** on the template. When instructions say "Pick one", this means commenting out one item (so that it"s not cleaned).
    //
    //      Early choices.
    "clean:unpacked",
    // "clean:packed", // pick one -- packed for production, unpacked for development.
    // "clean:allConfigs", // if you do not need any combined configuration files.
    //      Fonts. Pick at least one! Check notes above on configurations.
    "clean:fontAsana",
    "clean:fontGyrePagella",
    "clean:fontGyreTermes",
    "clean:fontLatinModern",
    "clean:fontNeoEuler",
    "clean:fontStix",
    "clean:fontStixWeb",
    // "clean:fontTeX",
    //      Font formats. Pick at least one (unless you use SVG output; then clean all).
    "clean:dropFonts", // when using SVG output
    "clean:eot",
    "clean:otf",
    "clean:png",
    "clean:svg",
    "clean:woff",
    //      Input. Pick at least one.
    "clean:asciimathInput",
    // "clean:mathmlInput",
    // "clean:texInput",
    //       Output
    "clean:htmlCssOutput",
    "clean:mathmlOutput",
    // "clean:svgOutput",
    // Extensions. You probably want to leave the set matching your choices.
    "clean:extensionsAsciimath",
    "clean:extensionsMathml",
    // "clean:extensionsTeX",
    "clean:extensionHtmlCss",
    // Other items
    // "clean:locales",
    "clean:miscConfig",
    //        "clean:miscExtensions", // you probably want that
    "clean:images",
    "clean:notcode"
  ]);

 

参考文章:https://segmentfault.com/a/1190000003822609

 

© 著作权归作者所有

共有 人打赏支持
zTree

zTree

粉丝 831
博文 21
码字总数 21754
作品 1
朝阳
技术主管
私信 提问
MathJax: 让前端支持数学公式

文章图片存储在,网速不佳的朋友,请看《MathJax:让前端支持数学公式》 或者 来我的技术小站 godbmw.com 1. 必须要说 1.1 开发背景 博主使用开发的个人博客,博文使用语法编写,然后交给前端...

godbmw
10/04
0
0
一起学Hadoop——使用自定义Partition实现hadoop部分排序

Version:1.0 StartHTML:000000208 EndHTML:000056271 StartFragment:000013223 EndFragment:000056185 StartSelection:000013223 EndSelection:000056149 SourceURL:https://www.cnblogs.com......

小七奇奇
09/02
0
0
Editor.md v1.0 发布,改用 KaTeX,性能大幅改进

Editor.md v1.0 正式版发布,改用 KaTeX,性能大幅改进。 主要更新: 新建分支 mathjax-version,但不打算继续对此分支进行开发; 移除MathJax,改用KaTeX#2,解析和预览响应速度大幅度提高#...

叛道
2015/02/10
2.9K
9
简洁 Markdown 编辑器 Smark 2.0 更新

中秋放假发力,对原 Smark 1.0 零零散散的东西重做整理,推出 Smark 2.0 版本。新增功能: 可选用本地 MathJax ,避免断网时无法使用 MathJax CDN; Markdown 编辑器中的语法高亮显示,字体和...

elerao
2014/09/06
6.5K
13
在Hexo中使用Mathjax渲染LaTeX数学公式

版权声明:本文为本人原创文章,未经本人允许不得转载,谢谢。 https://blog.csdn.net/yuanlaijike/article/details/82598651 转载于:如何在Hexo中使用Mathjax渲染LaTeX数学公式 平时使用m...

Jitwxs
09/11
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Ubuntu18.04 安装MySQL

1.安装MySQL sudo apt-get install mysql-server 2.配置MySQL sudo mysql_secure_installation 3.设置MySQL非root用户 设置原因:配置过程为系统root权限,在构建MySQL连接时出现错误:ERROR...

AI_SKI
今天
3
0
3.6 rc脚本(start方法) 3.7 rc脚本(stop和status方法) 3.8 rc脚本(以daemon方式启动)

3.6-3.7 rc脚本(start、stop和status方法) #!/usr/bin/env python# -*- coding: utf-8 -*-# [@Version](https://my.oschina.net/u/931210) : python 2.7# [@Time](https://my.oschina.......

隐匿的蚂蚁
今天
3
0
Cnn学习相关博客

CNN卷积神经网络原理讲解+图片识别应用(附源码) 笨方法学习CNN图像识别系列 深度学习图像识别项目(中):Keras和卷积神经网络(CNN) 卷积神经网络模型部署到移动设备 使用CNN神经网络进行...

-九天-
昨天
5
0
flutter 底部输入框 聊天输入框 Flexible

想在页面底部放个输入框,结果键盘一直遮住了,原来是布局问题 Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text("评论"), ...

大灰狼wow
昨天
4
0
Kernel I2C子系统

备注:所有图片来源于网络 1,I2C协议: 物理拓扑: I2C总线由两根信号线组成,一条是时钟信号线SCL,一条是数据信号线SDA。一条I2C总线可以接多个设备,每个设备都接入I2C总线的SCL和SDA。I...

yepanl
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部