Getting Techical: dissecting Ronzz.org (website)
Note: this article uses Prism.js. Code highlighting will not function is Javascript is disabled.
The Basics
Ronzz.org is a Ghost instance. Ghost is an open-source platform dedicated to HTML-based professional publication. You can learn more about Ghost on their official website. We have chosen Ghost over building our own site from scratch to save the headaches and concentrate on what really matters: the CONTENT.
Styling
Ronzz.org uses a derivative of the Dawn theme v.1.0.0, one of the 18 official Ghost themes.
Code display
The CS section of Ronzz.org features a considerable amount of code snippets.
The code highlighting is done via Prism.js, an open-source, javascript-based code highlighting solution. It is intergrated into our Ghost instance via header & footer code injection.
The setup we use is:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/prismjs/themes/prism-coy.min.css">
<script src="https://cdn.jsdelivr.net/npm/prismjs/prism.min.js" defer></script>
<script src="https://cdn.jsdelivr.net/npm/prismjs/plugins/autoloader/prism-autoloader.min.js" defer></script>
Keypoints:
Theme: prism coy
Delivery: via jsDelivr CDN (Content Delivery Network)
Member discussion