はてなブログでプログラムのソースコードを色つきで表示する

はてなブログの「設定」に行き、
「編集モード」の「見たままモード」を「はてな記法モード」に変更する

記事を書くときに

>|言語名|
ソースコード
||<

・例 C++
>|cpp|
#include<iostream>
int main(){
  std::cout << "Hello World" << std::endl;

  return 0;
}
||<

とすることで下記みたいに色つきで表示してくれる

#include<iostream>
int main(){
  std::cout << "Hello World" << std::endl;
  return 0;
}