#highlightjs

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

Syntax highlighting for the Web

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を選択してください。

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

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

参照先

  1. highlightjsの公式サイト