highlight.jsを使ってJekyllのサンプルソースをハイライトしよう

highlight.jsを導入する。

1. ライブラリを導入する。

    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.4.0/styles/default.min.css">
    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.4.0/highlight.min.js"></script>
   

   243のThemeがあるので、自分が好きなタイプを使って、CSSのStyleを選択してください。

   • Default
   • Dark
   • Github Dark Dimmed

2. ハイライトを有効する。

    <script>hljs.initHighlightingOnLoad();</script>
   

参照先

1. highlightjsの公式サイト