# Strapdown.js with MathJax support Strapdown.js makes it embarrassingly simple to create elegant Markdown documents. **No server-side compilation required.** Use it to quickly document your projects, create tutorials, home pages, etc. (For example, the page you are reading was generated by Strapdown). **Simply add two lines to your markdown text, and see the results live in your browser!**: ``` markdown
Hello, Strapdown
# Markdown Title All your awesome markdown content goes here. ## Chapter 1 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ## Chapter 2 MathJax is now supported, so the following will rock! $$ \left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right) $$
``` ### Features + Search-engine friendly + Cross-browser compatible (tested with mobile Safari, IE 8/9, Firefox, Chrome) + Github-flavored Markdown (tables, syntax highlighting, etc) + highlight.js syntax highlighting with sublime default theme mononokai (tweaked), my favorite syntax highlighting scheme! + Themeable + And it supports MathJax! Example here: $$ \left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right) $$ For more, open [Strapdown MathJax Test Page](test.html) ### Themes Bootstrap themes from [Bootswatch.com](http://bootswatch.com) are included for your convenience. Simply include the attribute `theme` in your `
` tag with one of the following theme names (default is vanilla Bootstrap):  ### Self-hosting For convenience the library is hosted at `cdn.ztx.io` (as in the source above), but if you prefer to host it yourself make sure to include these files - strapdown.min.js (in build directory after you run `grunt`) - strapdown.min.css (in build directory after you run `grunt`) - themes/bootstrap-responsive.min.css (in vendor directory) - themes/cerulean.min.css (or other theme file(s) you use) - themes/font.woff (or other font file you use) ### Limitations It's an unlikely scenario, but since Strapdown uses the `
` tag to wrap your Markdown (so that users don't have to escape special HTML characters), your text can't contain the string `
`. ### Credits All credit goes to the projects below that make up most of Strapdown.js: + [Strapdown](http://strapdownjs.com) - Original strapdown by [r2r](http://twitter.com/r2r) + [MathJax](http://www.mathjax.org/) - MathJax, Beautiful math in all browsers + [Marked](https://github.com/chjj/marked/) - Fast Markdown parser in JavaScript + [Google Code Prettify](http://code.google.com/p/google-code-prettify/) - Syntax highlighting in JavaScript + [Highlight.js](http://highlightjs.org/) - Syntax highlighting in Javascript + [Twitter Bootstrap](http://twitter.github.com/bootstrap/) - Beautiful, responsive CSS framework + [Bootswatch](http://bootswatch.com) - Additional Bootstrap themes + [Stackedit](https://github.com/benweet/stackedit) - I borrowed some mathjax preprocessing code from this project. Thanks. And [https://stackedit.io/](https://stackedit.io/) is a great project! + [persist.js](http://pablotron.org/?cid=1557) - Client Side persistent storage solution for remembering themes.