記事中にソースコードを埋め込むには?

さて、
プログラミングの備忘録のためにはてなブログを初めて見たものの、以下のように

print("Hello World!")

記事中へのソースコードの埋め込み方法がわからなかったので、
まずはそこからまとめていきます。

方法

設定から編集モードを「はてな記法モード」に変更して、
埋め込みたいコードを">||"と"||<"で囲めばいいみたいです。
はてな記法についてはこちらから、はてな記法とは - はてなブログ ヘルプ


では、早速やっていきましょう。

まずは、設定から編集モードを「はてな記法モード」に変更します(図 1.1)。
(ページ下の『変更する』ボタンを押すことをお忘れなく...)

f:id:Yunos:20200424185507p:plain
図1. はてなブログの基本設定画面

例えば、記号で挟まずにコードを入力すると

print("Hello World!")

文章と変わらない表示ですが、">||"と"||<"で囲むと...

print("Hello World!")

となり、囲まれてコードが見やすくなります。

また、パイプ"|"の間にプログラミング言語を入力して

>|python|

と記述することで、

print("Hello World!")

言語に合わせて色付けできます。
格段にコードが見やすくなります。

さらに詳しく知りたい方は以下のリンクをご参照ください。
ソースコードを色付けして記述する(シンタックス・ハイライト) - はてなダイアリーのヘルプ

ここまで読んでくださり、ありがとうございました。
少しでも皆様のお役に立てればと思います。

ではでは