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
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