Versatile syntax highlighting

This stack allows you to highlight your code blocks on all on of your pages. it complements nicely our Markdown stack.

It is a wrapper for highlight.js. It allows you to chose among a large number of highlighting styles. You can even privilege one language. This is possible only because all relevant style and language files are stored on your server. This means that, when you initially publish the stack; there will be a large number of file uploads. These files are quite small.

If you prefer a lighter version, you may consider Simple Highlight, which uses a Content Delivery Network to download the asset files when the page is loaded in your site.

Here is an example of CSS code with the gradient-dark.min.css theme.

.flexContainer {
        max-width: 2500px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 20px 20px;
        margin: 30px;
      }
      .flexItem {
        flex-grow: 1;
        flex-basis: auto;
        width: 100%;
        /* background-color: red;*/
        text-align: start;
        overflow: hidden;
        min-height: 200px;
      }

The manual is here.