With the help of highlight.js We can highlight more than 150 languages.

To be precise, we support all languages supported by highlight.js 10.5.0.

Note that fenced code blocks with a hardcoded language are rendered at build time and don’t need the library to be loaded on the client side.

Here is a quick example :

HTML (with inline css and javascript)

<!DOCTYPE html>

<style>body {width: 500px;}</style>

<script type="application/javascript">
  function $init() {return true;}

  <p checked class="title" id='title'>Title</p>
  <!-- here goes the rest of the page -->

See more examples of supported languages