Django Girls and Boys 備忘録

Python、Selenium、Django、java、iPhoneアプリ、Excelマクロなどで気付いたこと、覚えておきたいことなどを載せていきます。

はてなブログの見たままモードの記事へのプログラムコード挿入方法

見たままモードでのシンタックスハイライトでのコードの挿入方法を備忘録として書き留めておきます。

 

はてな記法でコード記載

 

「記事を書く」で左上にある「編集」横の編集モード選択のプルダウンメニューで、モードを「はてな記法」にします。

 

はてな記法の場合、

 

>|言語名|
プログラムコード
||<

 

このような形でソースコードを>|| ||<で囲むと || と ||の間に囲まれたコードをシンタックスハイライトにしてくれます。

 

はてな記法にした画面で、たとえば、

 

>|Python|
インストール
py -m pip install openpyxl


アップデート
py -m pip install openpyxl -U
||<

 

と入力します。

 

はてな記法のプレビューで表示確認

 

次に、その状態で、画面上の「プレビュー」をクリックしてプレビューを見ます。

すると、以下のような形で表示されているのが確認できると思います。

 

インストール
py -m pip install openpyxl


アップデート
py -m pip install openpyxl -U

 

コピー&貼り付け

 

これをそのままコピーします。

コピーした状態で再度ダッシュボードの「記事を書く」をクリックして見たままモードの記事作成画面を開きます(すでに開いていればその画面で構いません)。

ここに先程コピーした内容を貼り付けます。

 

プレビューで確認

 

見たままモードの画面上の「プレビュー」をクリックして見ると、シンタックスハイライト表示になっているのが確認できると思います。

 

関連記事:

 

【Excel】プルダウンリストの設定方法 - Django Girls and Boys 備忘録

 

【Excel】の「開発」タブを表示させる方法 - Django Girls and Boys 備忘録

 

Microsoft EdgeでのInternet Explorerモード設定手順 - Django Girls and Boys 備忘録

 

はてなブログの見たままモードの記事へのプログラムコード挿入方法 - Django Girls and Boys 備忘録

 

Google Chromeの右下の迷惑な広告、ウイルス侵入メッセージを消す方法(削除方法) - Django Girls and Boys 備忘録

 

【Googleサーチコンソール Googleアナリティクスの登録方法】サイト作成後の分析、活用に欠かせない登録 - Django Girls and Boys 備忘録