ブログ上にプログラムソースを載せる
ブログをはじめるにあたり、今後プログラムソースを載せることがよくあると思うので、よく見かける
<p>いい感じ</p>
みたいにいい感じな表示をさせる方法について調べたのでまとめます。
簡単でした。
「Syntax Highlighter Scripts Generator 」を使います。
このページに行くと2つの選択肢があります。1つはテーマ(デザイン)でもう1つはどの言語を上みたいにいい感じに表示させるようにするか。
テーマのサンプルはここで見れます。
選択して下の「Generate」ボタンを押すと、
のようなスクリプトが生成されるので、それをコピーしてブログのhtmlソースのhead内に貼り付ければ完了です。
はてなブログにおいては、ダッシュボードのデザイン>カスタマイズ>ヘッダでタイトル下と書かれたテキストエリアに貼り付けることで利用できるようになります。
使う時は、HTMLで
<pre class="brush: html"> //ソース </pre>
ってな感じでOK。
問題点
- はてブでは自動でキーワードリンクが貼られるらしい。そのせいで、埋め込んだソース内に勝手にリンクを記述してくる。どうしたもんか。