WordPressのシンタックスハイライトはプラグインのCrayon Syntax Highlighterを使ってました。きれいに表示されて便利なのですが、乗り換えることにしました。 理由は WordPress高速化の観点からプラグインを減らしたい 記事作成時、MarkDownで下書き→投稿画面でシンタックスハイライト設定が面倒 だからです。 というわけで、プラグインなしでシンタックスハイライトを実現する方法を探したところ、prism.jsを見つけました。同様のものでhighlight.jsが有名なんですが、prism.jsの方が良さそうなのでこちらにしました。 prism.jsとは prism.jsとはJavaScriptとCSSがセットになったライブラリです。無料で利用できます。実際に利用したのが以下です。 JavaScript function add(x,y) { return x
![WordPressのシンタックスハイライトをプラグインなしで!prism.jsがオススメ!](https://cdn-ak-scissors.b.st-hatena.com/image/square/80f903d28498d5e9431821c32f87ef7433e94f55/height=288;version=1;width=512/https%3A%2F%2Fwebtatan.com%2Fblog%2Fwp-content%2Fuploads%2Fprism.jpg)