はてなブログでpythonコードをシンタックスハイライトする方法をまとめてみました。

こんにちは。

このブログではアービトラージ自動実行プログラムをpythonで作成していますが、はてなブログでコードを紹介する際、はてな記法モードを使用すれば、簡単にコードをシンタックスハイライトすることができるのですが、私は普段「編集　見たまま」モードを使用していますので、この機能を利用することができませんでした。しかし、google code prettifyを使用することで、コードのシンタックスハイライト表示することができることが今さら分かりましたので、知らなかったの私だけなのかもしれませんが、紹介いたします。

github.com

f:id:higox:20171007184044j:plain

その方法は非常に簡単で、以下の3STEPです。

STEP1：下準備をする

まず、記事を書く前にはてなブログの管理画面を開き、

「デザイン」　→　カスタマイズ　→　フッター

を選択します。

そして、フッター部分に以下のコードを記入します。

ここで、skin=** を変更することで、skinを変更することができます。

変更できるskin一覧はここで確認することができます。

Prettify Themes Gallery

STEP2：普通に記事を書きます。

次に普通に記事を書きます。

例）

Zaifのbid値、ask値は以下のようなコードで取得することができます。

from zaifapi import ZaifPublicApi

zaif = ZaifPublicApi()

zaif_data_dict = zaif.ticker('btc_jpy')

zaif_bid = zaif_data_dict['bid']
zaif_ask = zaif_data_dict['ask']

print('zaif_bid:'+str(zaif_bid))

print('zaif_ask:'+str(zaif_ask))

STEP3：HTML編集モードで細工を施す

最後にHTML編集モードで細工を施します。

HTML編集モードに切り替え、コードシンタックスさせたい場所の前に

後ろに

</pre>

を追記します。

このとき、間に生成されている<p>,</p>や<br>は削除してください。

この作業でSTEP2で作成した記事は以下のようになります。

Zaifのbid値、ask値は以下のようなコードで取得することができます。

from zaifapi import ZaifPublicApi
zaif = ZaifPublicApi()
zaif_data_dict = zaif.ticker('btc_jpy')
zaif_bid = zaif_data_dict['bid']
zaif_ask = zaif_data_dict['ask']
print('zaif_bid:'+str(zaif_bid))
print('zaif_ask:'+str(zaif_ask))