Estoy escribiendo una entrada de blog en blogspot. Aquí está mi configuración de MathJax en el archivo html del tema.
<script defer='defer' id='MathJax-script' src='https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js' type='text/javascript'/> <script> window.MathJax = { tex: { loader: {load: ['[tex]/ams']}, inlineMath: [ ['$','$'],['\\(','\\)'] ], displayMath: [ ['$$','$$'], ['\\[','\\]'] ], processEscapes: true, processEnvironments: true, processRefs: true, packages: { '[+]': ['ams'] }, }, }; </script> Y aquí está mi intento de usar el entorno de align de amsmath.
... By linearity of expectation \begin{align} \mathbb{E}[I_r] & \leq |I_{r-1}|+\sum_{u\in \overline{I_{r-1}}\setminus \{v_{r-1}\}}{\mathbb{E}[X_{u,r}]}+1\\ & \leq |I_{r-1}| + c_2k(|\overline{I_{r-1}}|-1)|I_{r-1}|/n^2+1\\ & \leq |I_{r-1}|\cdot(1+c_2k/n) + 1\\ \end{align} ...Sin embargo, al obtener una vista previa de mi página, solo muestra el texto literalmente, sin procesamiento MathJax. ¿Cómo puedo arreglar esto?
Esto funciona perfectamente. Espero que funcione para ti.
<html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> MathJax = { tex: { inlineMath: [ ['$', '$'], ['\\(', '\\)'] ] }, svg: { fontCache: 'global' } }; </script> <script type="text/javascript" id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js"> </script> </head> <body> <div class="math"> \begin{align} \mathbb{E}[I_r] & \leq |I_{r-1}|+\sum_{u\in \overline{I_{r-1}}\setminus \{v_{r-1}\}}{\mathbb{E}[X_{u,r}]}+1\\ & \leq |I_{r-1}| + c_2k(|\overline{I_{r-1}}|-1)|I_{r-1}|/n^2+1\\ & \leq |I_{r-1}|\cdot(1+c_2k/n) + 1\\ \end{align} </div> </body> <script> const math = document.querySelector('.math') MathJax.typeset(); </script> </html>