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

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

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

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

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

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

HTMLコードの記載例

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

ちょっとお得に暮らしたいブログ