less than 1 minute read

Github Pages

に YouTube を埋め込む

昨日は Markdown でサムネを入れてくれるサイトでコードを作ってもらったけど、 普通に埋め込む機能があったのでメモ。近々まとめたい。

{% include video id="Io87tt3UYIw" provider="youtube" %}

id= のところに YouTube動画の URL 末尾をもってくる。 例は昨日のヨビノリさんの動画ID。これで下のようにページ内に埋め込むことができた。 簡単が一番。

に Liquid コードを挿入

YouTube の埋め込みにも使った

{% hoge %}

を Liquid というらしい。でも Markdown のコードブロックに入れると実行されてしまう。 それをエスケープするためには raw と endraw で挟めばいいらしい。

サンプルページを消す

使わせてもらっているテーマに最初から入っていたサンプルページ、 分からないことがあれば参考にしたいけど公開しなくてもよい。 でも削除したら参考にできない。

そこでファイル名を変更してみた。 ファイル名の形式でサイトに反映するか分類するみたいなので行けた。 削除してないから困ったら見られて安心。

に 画像を埋め込む

これは普通に Markdown で書けば良いのだが、ポップアップとか機能付きがあった。 ということでメモ。この辺も別ページにまとめたい。

{% include figure popup=true image_path="/assets/images/diary-20260106-pic01.png" %}

Tags:

Categories:

Updated: