highlight.jsを入れました

Syntax Highlighter が機能していなかったので、highlight.jsに切り替えました。以前のコード部分はそのままです。個々の記事に修正が必要なので過去の記事への反映は断念しました。

テーマに入れたhtml

<link rel="stylesheet" href="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@10.1.2/build/styles/github.min.css"></link>
<script src="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@10.1.2/build/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

Blogger設定

ブログを作る

googleにログインした状態で、アプリ(■が9つあるアイコン)からBloggerをクリックする。後は画面の指示に従う。

syntaxhighlighterをつける

syntaxhighlighterを使うと、ソースをきれいに装飾してくれるので、導入する。http://naichilab.blogspot.jp/2013/04/blogger-syntax-highlighter.htmlを参考にした。

1. http://www.way2blogging.org/widget-generators/syntax-highlighter-scripts-generatorから、必要なソースをジェネレートし、コピーしておく。
2. Bloggerのサイドメニューから「テンプレート」を選択し、必要なテンプレートを選択した後、「HTMLを編集」を選択する。
3. </header>タグ終了直前にコピーしたソースを貼り付け、保存して閉じる。

syntaxhighlighterの使い方

こんな感じに書くと、

<pre class="brush:python">
if syntaxhighlighter == good:
    print("It's colourful.");
</pre>

こうなる。

if syntaxhighlighter == good:
    print("It's colourful.");