2012/01/31

[Blogger]ブログ上にプログラムソースを表示させる方法

Bloggerでプログラムソースをきれいに表示させたい(*´∀`*)!




ってことで以下のブログを参考にさせて頂きました。

mumoshu: Blogger でSyntax Highlighterを使う
Syntax Highlighter v3を Blogger で使いたかったので、以下のサイトにあるジェネレータを利用させていただきました。 How to Add Syntax Highlighte ...





HOW TO ADD SYNTAX HIGHLIGHTER(V3) TO BLOGGER BLOGS
↑こちらにやり方は書いてありますが、英語なので以下に解説。



まずは、こちらのリンクへ「SYNTAX HIGHLIGHTER SCRIPTS GENERATOR」行きます。

テーマと表示させたい言語を選んだら、[Generate]を押します。



作成されたコードをコピーします。



Bloggerの編集画面の[テンプレート] > [HTMLの編集]へGo〜ヽ(。´□`)ノ




さきほどコピってきたコードを </head> の前に貼り付けます♪
※メッセージにも出てますが、予期しない影響が出る可能性がありますので、自己責任でお願いします。
※心配な人はソースコードを貼り付ける前の状態をテキスト文書などでバックアップしておきましょう。




実際投稿する場合は以下のように、<pre class="brush:言語名;"> </pre>でプログラムソースを囲めば、


// サンプル
public class Sample {

 public static void main(String[] args) {
  System.out.println("サンプルです");
 }
}


↓こんな感じになります ヾ(・ω・o)デケタ

// サンプル
public class Sample {

 public static void main(String[] args) {
  System.out.println("サンプルです");
 }
}


やったね♪



以上ですヽ(´~`;


Related article



[@lieTRの雑念ダイアリー]を気に入って頂けましたら、RSS登録をお願い致します☆