在前端开发中,数学公式在科学领域和教育领域中非常重要。使用数学公式可以更好地表达和演示一些数学或科学概念。GitBook 作为一款开源文档编写工具,提供了 MathJax 插件来支持数学公式。但是,由于 MathJax 官网不再提供 CDN 服务,不少使用 MathJax 插件的项目受到了影响。为了解决这个问题,出现了一个新的 npm 包 gitbook-plugin-mathjax-new-cdn,本文将介绍它的使用方法。
安装
在使用 gitbook-plugin-mathjax-new-cdn 之前,需要确保已经安装了 GitBook 和 Node.js。接下来,使用以下命令安装 gitbook-plugin-mathjax-new-cdn:
npm install gitbook-plugin-mathjax-new-cdn --save-dev
配置
安装后,在 GitBook 项目的 book.json
文件中添加以下配置即可启用插件:
{ "plugins": ["mathjax-new-cdn"] }
示例
下面以一个简单的数学公式为例:
$$\sum_{i = 1}^n i = \frac{n(n+1)}{2}$$
在 GitBook 中,使用 MathJax 插件来显示该公式,需要在公式前后分别添加 \[
和 \]
,并添加以下配置:
{ "plugins": ["mathjax"] }
但由于 MathJax 官网不再提供 CDN 服务,如果你现在使用该配置,你将看到如下错误:
这时,你可以使用 gitbook-plugin-mathjax-new-cdn 来解决该问题。按照前文所述的方式安装和配置 gitbook-plugin-mathjax-new-cdn 后,你将可以看到数学公式正常显示:
总结
gitbook-plugin-mathjax-new-cdn 是一个非常有用的插件,可以帮助我们在 GitBook 中轻松显示数学公式。通过学习本文,你应该已经学会如何安装和配置该插件。在未来的开发工作中,当你需要显示数学公式时,gitbook-plugin-mathjax-new-cdn 将是一个不错的选择。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600559a381e8991b448d7373