以前はプログラミング学習のアウトプットをnoteに書いていましたが、今回HatenaBlogに移行し、さぁブログを書いていこう！としたところ、コードブロックってどうすれば出てくるの！？とあたふたしました。 HatenaBlogでは3種類の編集モードで文章を書けるので、それぞれのコードブロックの出し方を乗せておきます。
『見たままモード』での書き方（デフォルト）
設定を変更しない場合、最初は『見たままモード』になっています。
このモードでコードブロックを出すときは以下のように書きます。
<pre>
<code>
#ここにソースコードを書く
</code>
</pre>
『はてな記法モード』での書き方
このモードでコードブロックを出すときは以下のように書きます。（pre記法の場合）
>| #ここにソースコードを書く |<
はてな記法モードの詳細は下記を参照ください。
『Markdownモード』での書き方
このモードでコードブロックを出すときは以下のように書きます。
``` #ここにソースコードを書く ```
図で解説！編集モードの変え方
私のように普段Markdown記法で書くことに慣れている人は『見たままモード』のままだとちょっと不便ですので『Markdownモード』に変更します。
トップ画面から右上のメニュー画面をクリックします。
「アカウント設定」をクリックします。 
少し下にスクロールして「設定」をクリックします。 
「基本設定」から編集モードを変更できます。 
