kasokablog

仮想通貨と株と旅行のお得な情報をまとめたブログです。

MENU

HTML、CSS、Phytonなどのソースコードをはてなブログにきれいに載せるには

f:id:mindamin9:20210831003324p:plain
HTML、CSS、Phytonなどのソースコードはてなブログにきれいに載せる方法がはてなブログのヘルプにに記載ありましたので紹介します。

help.hatenablog.com

はてな記法に設定する

記事の作成画面から「はてな記法」モードに設定できます。

f:id:mindamin9:20210830235502p:plain:w400

※新しい記事からはてな記法で書くことができるようです。

編集モード - はてなブログ ヘルプ

ソースコードを「>||」「||<」でくくる

ソースコードを「>||」「||<」でくくります。

HTMLコードの記載例

https://cdn-ak.f.st-hatena.com/images/fotolife/m/mindamin9/20210831/20210831002438.png

結果としてこうなります

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
    </head>
    <body>
        <h2>Hello! World</h2>
    </body>
</html>