Hi again and Resolve Mathjax Latex rendering issues on Jekyll Markdown website
This post serves as a short catch-up and a quick fix to a Latex rendering issue I recently noticed on my web posts.
Hey folks! Long time no see! Hope you’re all doing awesome!
After about a 2 year hiatus, I thought I would try and get back into blogging on a more consistent basis. I’ve been postdoc-ing at Duke since the Summer of 2022 and I’d say it’s been quite an eventful journey since I defended my Ph.D. dissertation and moved to Durham, NC from the Wild and Wonderful West Virginia. Durham has treated me quite nicely. I’ve met a bunch of wonderful people and there’s a lot to do around here. I went on a backpacking trip in the Appalachian Mountains of Western North Carolina, explored the beautiful beach towns of Outer Banks, and bought a new car (Crosstrek FTW!).
Anyways, the actual reason that motivated me to write this post was noticing the Latex rendering on my website was broken. After doing a bit of digging1 2, the reason seemed to be an update to MathJax v3. The fix was quite simple. Adding the following snippet to _includes/script.html did the job.
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
<script>
MathJax = {
tex: {
inlineMath: [['$', '$'], ['\\(', '\\)']],
displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
processEscapes: true,
}
}
</script>
This also ensures that in-line math enclosed within single '$LaTex$' renders too.
Update (October 2026): An earlier version of this snippet also loaded polyfill.io/v3/polyfill.min.js. That domain was taken over in a 2024 supply-chain attack and now serves malicious JavaScript, so remove it if you copied the snippet. MathJax 3 doesn’t need the polyfill in modern browsers.
That’s it for now. Hope to see you all soon!
Comments