の箇所だけを書き換える。 1. / <meta name="description"> 2. <body data-page="..."> … グローバルナビの現在地ハイライトに使う 3. パンくず(.breadcrumb) 4. 記事タイトル / 更新日 / タグ 5. 記事本文(<section> 単位で h2 に id を付ける → 目次は自動生成) 共通部品(ヘッダー / グローバルナビ / ドロワー / サイドバー / フッター)は そのままコピーして使う。ページを増やしたら - このファイルの .gnav-list / .drawer-panel / .site-footer - assets/js/site.js の SEARCH_INDEX にリンクを追加する。 画像は「後から差し替えられる枠」で置く: <figure class="ph" data-label="ここに入る画像の説明" style="--ph-ratio:16/9"> <img src="assets/img/xxx.png" alt="代替テキスト" loading="lazy"> </figure> 画像がまだ無い場合は <img> ごと省略してよい(枠だけが残る)。 src を書いて画像が存在しない場合も、JS が <img> を外して枠を残す。 ============================================================================ --> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- ▼差し替え --> <title>記事タイトル|ちいかわぽけっと攻略