Next.js 上的 MathJax

Question

在这里，我想在我的网站上实现 MathJax，我在组件文件中这样编码：

export default ({ pathname, children }) => {
  const post = posts.find(post => post.urlPath === pathname)
  const title = post ? post.title : "(my website)"
  return (
    <div>
      <Head>
        <title>(my website) | {title}</title>
        <style>{globalStyles}</style>

      </Head>
      <div className='contentContainer'>
        <SiteTitle isHomepage={pathname === '/'} />
        <Header />
        {children}

      </div>
    </div>
  )
}

我在<Head></Head>标签中添加了以下代码：

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-AMS_HTML"></script>
<script type="text/x-mathjax-config">
        MathJax.Hub.Config({
        tex2jax: {
          inlineMath: [["\\(","\\)"] ],
          displayMath: [ ['$$','$$'], ["\\[","\\]"] ]
        },
        CommonHTML: { matchFontHeight: false }
        });
</script>

为了方便起见，我需要添加 tex2jax 配置。

我试图运行它。 但是，它不起作用

[ error ] ./components/BlogLayout.js
SyntaxError: /home/website/components/BlogLayout.js: Unexpected token, expected "}" (72:15)

  70 |         <script type="text/x-mathjax-config">
  71 |         MathJax.Hub.Config({
> 72 |         tex2jax: {
     |                ^
  73 |           inlineMath: [["\\(","\\)"] ],
  74 |           displayMath: [ ['$$','$$'], ["\\[","\\]"] ]
75 | },
\`\`\`

我该如何运行它？

Answer 1

我知道这是一个迟到的答案。 我只是为当前遇到相同问题的问题编写解决方案。

<script type="text/x-mathjax-config">
    {
      MathJax.Hub.Config({ // or window.MathJax.Hub.Config
      tex2jax: {
        inlineMath: [["\\(","\\)"] ],
        displayMath: [ ['$$','$$'], ["\\[","\\]"] ]
      },
      CommonHTML: { matchFontHeight: false }
      });
    }
</script>

你错过了模板中的{}。

Next.js 上的 MathJax

问题描述

1 个解决方案

解决方案1
0 2021-02-14 16:38:53

Next.js 上的 MathJax

问题描述

1 个解决方案

解决方案1 0 2021-02-14 16:38:53

解决方案1
0 2021-02-14 16:38:53