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 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>
MathJax = {
tex: {
inlineMath: [['$', '$'], ['\\(', '\\)']],
displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
processEscapes: true,
}
}
</script>
This also ensures that in-line math enclosed within single '$LaTex$' renders too.
That’s it for now. Hope to see you all soon!
Comments