貼り付けるだけの外部スニペット

web の半分は HTML のかたまりを手渡して「これをあなたのサイトに貼り付けて」と言う。 それらのスニペットはただの生の HTML と <script> であり、このサイトが Hugo の unsafe な Markdown を有効にしているので、ここでも動く。よくあるものをいくつか。

GitHub Gist

Gist は、gist の .js URL を指す一つのスクリプトタグで埋め込める。

CodePen

CodePen の埋め込みは <p> のプレースホルダーと彼らの ei.js で、それがライブの エディタに差し替わる（これは CodePen 自身のドキュメントにある例の pen だ）。

See the Pen on CodePen.

ソーシャル投稿

Mastodon（や X、Bluesky、Instagram…）は <iframe> と、それをリサイズする小さな スクリプトを手渡してくる。iframe は本物の HTML なので、スクリプトがブロックされても 投稿は表示される──ただ高さを自動で合わせられないだけだ。これは Mastodon 自身の アカウントである。

素の iframe

そして他のすべてが行き詰まったとき、素の <iframe> はそれを許すものなら何でも 埋め込む──地図、スライドデッキ、ダッシュボード。

上のどの埋め込みも、本物の生きたリソースを指している──だからここで見えるものは 読者が得るものそのものであり、あなたのページをどのプラットフォームも所有しない。