プログラムのコードをブログに表示する

プログラムのコードをブログに表示する方法

プログラムのコードをブログに表示する方法は、いろいろある。

SyntaxHighlighter

Google-code-prettify

highlight.js

はてなブログの場合

はてなブログの場合は、はてな記法かmarkdownにすると、コードを貼りやすい。

設定から編集モードを変えて、一度保存する。そして編集していく。

また編集モードを変えても、保存したものは、同じ編集モードで残っている。

コードを書く記事の時には、「はてな記法かmarkdownにする」。

普段は、見たままモードにしておく。

こういうことができる。まあ、ずっとMarkdownにしておいても良いけれど。

はてなブログの場合は、「はてな記法かmarkdownにする」という方法が良さそう。

その他の場合 

SyntaxHighlighterは、V4から設置が面倒になったみたい。

シンプルなのが良いなら、highlight.jsが使いやすそう。

Google-code-prettifyも良さそう。

▼ HTML

@font-face {
  font-family: 'SourceCodePro-Regular';
  src: url('SourceCodePro-Regular.otf.woff') format('woff'),
       url('SourceCodePro-Regular.ttf.woff') format('truetype');
}
pre {
  font-family:'CodePro-Regular';
}