Ghost

MathJax Integration in Ghost

zur Darstellung mathematischer Formeln

Peter Sauer

• 2 min read
MathJax Integration in Ghost

Mit wenigen Codezeilen kann per Code injection in den Eigenschaften eines Postings MathJax eingebunden werden.

MathJax ist eine auf JavaScript basierende Bibliothek zur Darstellung mathematischer Formeln und Gleichungen, die in LaTeX oder MathML Markup erstellt wurden.

<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>

<script type="text/x-mathjax-config">
MathJax.Hub.Config({
  tex2jax: {
    inlineMath: [['$','$'],['\\(','\\)']],
    processClass: "mathjax",
    ignoreClass: "home-template"
  }
});
</script>

Erläuterungen zur MathJax-Konfiguration: Die Einstellung processClass: "mathjax" ruft die MathJax-Bibliothek nur für entsprechend annotierte HTML-Elemente auf. 

<div class="mathjax">$$\sum_{i=0}^n i^2 = \frac{(n^2+n)(2n+1)}{6}$$</div>
$$\sum_{i=0}^n i^2 = \frac{(n^2+n)(2n+1)}{6}$$

Der ghost-Blog wird mit der Einstellung ignoreClass: "home-template" vom Parsen durch die MathJax-Bibliothek ausgeschlossen.

<body class="home-template">

Weitere Beispiele für MathJax Einbindungen: 

<div class="mathjax">$$\int H(x,x')\psi(x')dx' = -\frac{\hbar^2}{2m}\frac{d^2}{dx^2} \psi(x)+V(x)\psi(x)$$</div>
$$\int H(x,x')\psi(x')dx' = -\frac{\hbar^2}{2m}\frac{d^2}{dx^2} \psi(x)+V(x)\psi(x)$$
<div class="mathjax">$$\int_{\mathcal{D}} | \overline{\partial u} |^{2}
\Phi_{0}(z) e^{\alpha |z|^2} \geq
c_{4} \alpha \int_{\mathcal{D}} |u|^{2} \Phi_{0}
e^{\alpha |z|^{2}} + c_{5} \delta^{-2} \int_{A}
|u|^{2} \Phi_{0} e^{\alpha |z|^{2}}$$</div>
$$\int_{\mathcal{D}} | \overline{\partial u} |^{2} \Phi_{0}(z) e^{\alpha |z|^2} \geq c_{4} \alpha \int_{\mathcal{D}} |u|^{2} \Phi_{0} e^{\alpha |z|^{2}} + c_{5} \delta^{-2} \int_{A} |u|^{2} \Phi_{0} e^{\alpha |z|^{2}}$$
$$\mathbf{A} =v \begin{pmatrix} \dfrac{\varphi \cdot X_{n, 1}} {\varphi_{1} \times \varepsilon_{1}} & (x + \varepsilon_{2})^{2} & \cdots & (x + \varepsilon_{n - 1})^{n - 1} & (x + \varepsilon_{n})^{n}\\ \dfrac{\varphi \cdot X_{n, 1}} {\varphi_{2} \times \varepsilon_{1}} & \dfrac{\varphi \cdot X_{n, 2}} {\varphi_{2} \times \varepsilon_{2}} & \cdots & (x + \varepsilon_{n - 1})^{n - 1} & (x + \varepsilon_{n})^{n}\\ \cdot \cdot \\ \dfrac{\varphi \cdot X_{n, 1}} {\varphi_{n} \times \varepsilon_{1}} & \dfrac{\varphi \cdot X_{n, 2}} {\varphi_{n} \times \varepsilon_{2}} & \cdots & \dfrac{\varphi \cdot X_{n, n - 1}} {\varphi_{n} \times \varepsilon_{n - 1}} & \dfrac{\varphi\cdot X_{n, n}} {\varphi_{n} \times \varepsilon_{n}} \end{pmatrix} + \mathbf{I}_{n}$$