Add Code Block Styling + Mermaid + Mathjax Support

pbrucla / pbrucla.github.io

The home for Psi Beta Rho, UCLA's competitive Capture the Flag (CTF) cybersecurity team!

http://pbr.acmcyber.com/

7 stars 2 forks source link

Add Code Block Styling + Mermaid + Mathjax Support #10

Closed bliutech closed 1 year ago

bliutech commented 1 year ago

[x] add code block styling support http://jwarby.github.io/jekyll-pygments-themes/languages/java.html
[ ] add mermaid support https://mermaid-js.github.io/mermaid/#/
[x] add mathjax support https://docs.mathjax.org/en/latest/input/tex/html.html

bliutech commented 1 year ago

Started looking into this instead for Code Blocks. https://highlightjs.org/ This is what HackMD uses and it seems more robust.

Arc-blroth commented 1 year ago

The other day I discovered https://katex.org/, Khan Academy's LaTeX library, which claims to be faster than MathJax - perhaps we should try using that instead of MathJax?

bliutech commented 1 year ago

@Arc-blroth quick clarification. I believe KaTeX is actually a different syntax from LaTeX. For these reasons, I think I want to stick to MathJax. LaTeX is a bit more appealing and well known. KaTeX would require people to learn a new syntax which I don't think is appealing. More details here. https://tex.stackexchange.com/questions/648196/whats-the-difference-between-different-latex-versions-like-livetex-katex-macte

bliutech commented 1 year ago

Mermaid graphs are not going to be used frequently so will mark this issue as complete for now. Will reopen if we see the need for Mermaid.