Pre-render KaTeX and highlight

[tlienart]

• katex https://codepen.io/anon/pen/WmPKNZ , html is generated via npx katex [-d] -i inltx.tex -o tt.html
• highlight https://github.com/kzima/highlightjs-loader

This may require a fair bit of work to function but could lead to a removal of requiring the katex.js and highlight.js by just doing everything locally (pre-rendering to HTML) before it's pushed which would lead to even faster pages.

[tlienart]

Katex

var katex = require("./libs/katex/katex.min.js")
var html = katex.renderToString("x^2 + \\exp(x) - 1 = 0", {
  displayMode: true});
console.log(html)

Note there seems to be a difference between 0.9 and 0.10, doesn't lead to the same output.

[tlienart]

Status update

• KaTeX pre-rendering works on branch prerender
• Will try using it fully on my own website to see if all ok
• It's a bit slow so should not be used in a continuous serve context, rather it should be used in a single-pass along with the minification. One of the reason is that node has to be called for every single math element, and so may be fired dozens of time on a single page

The last issue may be mitigated quite a bit if instead of firing node in the markdown conversion, we do it in the html conversion, in that case it may be somewhat easier to find all math blocks in one shot and fire node just once per page.

[tlienart]

The second version (conversion directly in the HTML) is implemented on branch prerender2, will experiment a bit and pick one and then use the same modus operandi for highlights.js

[tlienart]

Update:

• KaTeX fully working and fast
• highlight ongoing, see https://icodealot.com/node-js-syntax-highlighter/; pretty much what will be done except without args. Directly requiring the highlight.pack.js does not seem to work well.

[tlienart]

now done and applied on personal website, works great.