how to enable mathjax in gatsby Steps 1. Configure gatsby-config.js // In your gatsby-config.js plugins: [ { resolve: `gatsby-transformer-remark`, options: { plugins: [ `gatsby-remark-mathjax`, ], }, }, ], 2. Customize html.js Follows the official document
Here is my html.js
import React from 'react'; import PropTypes from 'prop-types'; const MathJaxConfig = ` window.MathJax = { tex2jax: { inlineMath: [['$', '$'] ], displayMath: [['$$', '$$'] ], processEscapes: true, processEnvironments: true, skipTags: ['script', 'noscript', 'style', 'textarea', 'pre'], TeX: { equationNumbers: {autoNumber: 'AMS'}, extensions: ['AMSmath.