Enable automatic browser refreshing on build using an extension

Instructions taken from the documentation

Navigate to the packages directory of Sublime Text

cd /Applications/Sublime\ Text.app/Contents/MacOS/Packages/

In this directory, install the package

git clone https://github.com/gcollazo/BrowserRefresh-Sublime.git "Browser Refresh"

Now in Sublime Text go to Preferences > Key Bindings and add

        "keys": ["command+shift+r"], "command": "browser_refresh", "args": {
            "auto_save": true,
            "delay": 0.5,
            "activate": true,
            "browsers" : ["chrome"]

Now if you open the HTML version of your document in a Chrome tab, running the keyboard shortcut will autosave and refresh the tab. You can now couple this to another extension that builds a Markdown file on autosave, or you can edit HTML files directly in Sublime Text

Rendering LaTeX equations with MathJax

At the end of your Markdown document, add this snippet

<style TYPE="text/css">
code.has-jax {font: inherit; font-size: 100%; background: inherit; border: inherit;}
<script type="text/x-mathjax-config">
    tex2jax: {
        inlineMath: [['$','$'], ['\\(','\\)']],
        skipTags: ['script', 'noscript', 'style', 'textarea', 'pre'] // removed 'code' entry
MathJax.Hub.Queue(function() {
    var all = MathJax.Hub.getAllJax(), i;
    for(i = 0; i < all.length; i += 1) {
        all[i].SourceElement().parentNode.className += ' has-jax';
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>

Can add a preamble with macros at the top of the document

  • Avoid using \ensuremath{} and \providecommand