【BLOGGER】ソースコードを表示する【Google-code-prettify】

 【BLOGGER】ソースコードを表示する

たまにしか使わないので毎回どうやるんだっけ?
ってなるのでメモ

ちなみにワードプレスにはソースコード表示のタグがあるので特に覚えることはない。

下準備

Google-code-prettify」を利用する



・テーマのHTMLを編集(バックアップ等、自己責任でお願いします)
<head>~</head>に以下のソースを追加
<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js">

ソースコードを表示する

・HTMLビューで編集
・<pre class="prettyprint"> ここに書く </pre>

以上
……なのですが、内容によって? まったく表示してくれない時があるみたい??
ちなみに本記事のソースが表示されなかったのでワードプレスで作ったデータをコピペして表示しています……


Next Post Previous Post
No Comment
Add Comment
comment url