LoginSignup
7
7

More than 3 years have passed since last update.

Growiにシンタックスハイライトの対応言語を追加する

Posted at

Growiの標準対応コードシンタックスハイライト

Growiが標準で対応しているコードのシンタックスハイライトはhighlight.jsのcommon、ここのcommonタブにあるもののみ。
標準ではPowerShellやTeXなどが対応していない。

これは、カスタムHTML HEeaderにCDNを追加することで対応できる。

Growiにシンタックスハイライトの対応言語を追加する

1. 対応したい言語のjsをCDNのhighlight.jsから探す

https://cdnjs.com/libraries/highlight.js/ から探す。
PowerShellの場合https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.10/languages/powershell.min.jsだった。

2. カスタムHTML Headerに追加する

Growiに管理者権限でログインし、[管理] → [カスタマイズ] → [カスタム HTML Header] へ
ここに、①のURLをソースとするscriptタグを追加する。

PowerShellの場合
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/languages/powershell.min.js" defer></script>
7
7
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
7