はてなブログでソースコードを書く

はてなブログの表示の際に
ソースコードをハイライト表示に変更したい。


>記事を書く

①編集方法を変更

はてな記法
※デフォルトは「みたまま」

ソースコードを規則文字で囲む

 >||
  <?php
   for($i=0;$i<10;$i++){  
    echo "hogehoge"
   }
  ?>
 ||<

③言語に合わせて、ソースコードに自動色付け

※対応言語

はてなブログのソースコード色付けで代表的な表記のまとめ - Webサービスで起業を目指すプログラマーblog



↓私のよく使う言語でサンプル↓
php> ※で囲んでいないと、色が付かない。

 >|php|
  <?php
   for($i=0;$i<10;$i++){  
    echo "hogehoge"
   }
  ?>
 ||<


<html>

 >|html|
  <html>
   <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <title>hogehoge</title>
   </head>
   <body>
   </body>
  </html>
 ||<


css

 >|css|
  * {
   padding: 0;
   margin : 0;
  }
  body {
   padding-top : 5px;
   background: #DDDDDD;
  }
 ||<


以上。

これで備忘録を書いていこう。