在GitHub Pages的JekyllNow中使用MathJax时公式无法居中问题

1. 行内公式的“未居中”是正常行为 #

行内公式（$a+b=c$）的设计目标是与行内文本基线对齐，本身就不会居中。VS Code预览的渲染规则和MathJax在浏览器中的标准行为不一致，才会让你产生“应该居中”的误解，这不是Bug。

2. 块级公式被JekyllNow的默认CSS覆盖 #

JekyllNow主题的默认样式（比如assets/css/main.css）中，通常会给body或p等全局元素设置text-align: left。MathJax渲染块级公式时，会生成带有.MathJax_Display类的容器，这个容器会继承全局的文本对齐样式，导致加载后原本居中的公式被强制左对齐——你看到的“短暂居中”是MathJax先应用了自身默认样式，随后页面CSS加载完成覆盖了它。

修复方法 #

强制块级公式居中 #

在博客的自定义样式中添加以下CSS规则，优先级高于主题默认样式：

.MathJax_Display {
    text-align: center !important;
}

你可以把这段代码添加到_includes/head.html的<style>标签里，或者直接修改assets/css/main.css文件。

检查MathJax配置 #

确保你的MathJax加载脚本没有手动设置对齐参数。比如标准的加载代码无需额外对齐配置，保持默认即可。

内容的提问来源于stack exchange，提问作者user93353