1. Set up code highlighting

Quite hard to get this working… https://emacs.stackexchange.com/questions/31439/how-to-get-colored-syntax-highlighting-of-code-blocks-in-asynchronous-org-mode-e https://highlightjs.readthedocs.io/en/latest/api.html#configure

Ah I see. Org doesn't work with highlight js because the latter needs pure text inside the <pre> block. How org does this is enclose each single word in the src block with a <span> and assign it a proper class. Then it'll use that class to tell the css how to render that single word.

See here for more information.

If I want to use highlight.js then will have to set (setq org-html-htmlize-output-type nil).

I'll just copy the css from https://raw.githubusercontent.com/gongzhitaao/orgcss/master/src/css/org-default.css and put it as static asset in my website.

Follow this link and I got it working. https://stackoverflow.com/questions/45769857/css-to-add-to-jekyll-minima-not-completely-override-it