在哪里插入MathJax以显示乳胶方程式

Question

您好我是HTML的初学者，这是我的index.html代码的主要部分。

 <div class="row">
            {% endif %}
                <div class="4u">
    <span class="MathJax_Preview" style="color: inherit; display: none;"></span>
                    <section class="box">
                        {% if article.picture is defined %}
                        <a href="{{ SITEURL }}/{{ article.url }}" class="image image-full"><img src="{{ SITEURL }}/{{ article.picture }}" alt=""/></a>
                        {% endif %}
                        <header>
                            <h3>{{article.title }}</h3>
                            <span class="byline">{{ article.date }}</span>
                        </header>
                        {{ article.summary }}
                        <footer class="actions">
                            <a href="{{ SITEURL }}/{{ article.url }}" class="button button-icon button-icon-1">Continue Reading</a>
                        </footer>
                    </section>
                </div>
            {% if loop.index % 3  == 0 %}
            </div>

我的代码输出是：

如图所示，某些乳胶方程无法识别。我知道我可以使用MathJax来渲染它们，但似乎我没有插入到正确的位置。

知道如何解决这个问题吗？