左側の「ブログ設定」を選び、「カスタムJS」を選択。

「head内」に以下のタグを、

<link rel="stylesheet" href="「prism.css」へのパス">

「body内」に以下のタグを追加します。

<script type="text/javascript" src="「prism.js」へのパス"></script>

なお常識ですが、パスの書くプロパティはそれぞれ、
linkタグは「href」、scriptタグは「src」なので気を付けましょう(一敗)

これで導入は終わりです。簡単ですね。


4．実際の記入方法について

ここから先は公式や他のサイトにも大量に情報が転がってるので要らないかと思いますが、
実際に記事を書く際、HTMLタグ編集から以下挿入。

・記載例

<pre>

<code class="language-markup">

&lt;div&gt;ほにゃほにゃ～&lt;/div&gt;

</code>

</pre>

・実行例

<div>ほにゃほにゃ～</div>

「language-markup」箇所は、使用する言語に合わせてこのリストから選択となります。


行番号を挿入したい場合は、ダウンロード時に「Line Numbers」にチェックを入れた上で<pre>タグ内に、line-numbersをクラスとして設定します。

<pre class="line-numbers">

<code class="language-markup">

&lt;div&gt;ほにゃほにゃ～&lt;/div&gt;

</code>

</pre>

・実行例

<div>ほにゃほにゃ～</div>

なお、Livedoorブログで使用する場合、実際の「記事を書く」上でcodeタグ中の改行タグ(<br>)が無効になったりならなかったりするので、HTMLタグ編集を併用しつつ、プレビューで確認しながら記入するといいと思います(当然一敗)



…ということで、導入完了しましたので記事にしました。
過去のあまりにあんまりな記事もそのうち更新します…



SyntaxHighlighterの公式ページ(http://alexgorbatchev.com/)が2020年6月現在どうも繋がらない状態になっているようで、どうせCloudflareの500番台エラーだからすぐ復旧するでしょ、と思って待っていたのですが、

どうも回復する兆しが見えないなので解決策を貼っておきます。

身も蓋もないですが、githubに直でアクセスすればOKです。







そんなこんな。