highlight.js を追加してみた

– by

js と css を追加

<link rel="stylesheet"
      href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/highlight.min.js"></script>

<script type="text/javascript">

  hljs.initHighlightingOnLoad();

</script>

wordpress テーマ の css を上書き

  • pre タグに余計な padding があったので上書きで初期化
pre {
    padding: initial;
}