2014/02/23

[小ワザ] Bloggerにキレイにソースコードを表示する方法


Bloggerでソースコードをキレイに表示する方法でハマったのでメモ。

1.以下のサイトを参考にSyntaxHighlighterをダウンロードします。



2.ダウンロードしたファイルの配置


 Bloggerにファイルをアップロードできればよいのですが、
 できないみたいなので、DropboxのPublicフォルダで代用します。

 Publicフォルダに配置することで外部からファイルを参照できるようになります。
 ファイルを配置後「公開リンクをコピー」でURLを取得し、「src=」に指定すればOK。
    
 


気になるページの表示にかかる時間ですが、せいぜいファイル数が4つなので体感できるほどではないかと。
問題があるようだったら別の方法を考えます。