GHgithubguide.jp

GitHub Pagesで静的HTMLサイトを公開する方法

静的HTMLサイトでは、index.html、CSS、画像、リンクの場所が公開表示に直結します。ローカルで見えることと公開URLで見えることを分けて確認します。

このページでわかること

  • index.htmlが入口になる
  • CSSや画像のパスを確認する
  • 公開URLで表示を確認する

まず確認すること

  • CSSと画像の場所を見る
  • 相対パスと絶対パスを整理する
  • 大文字小文字やフォルダ名を確認する

やってはいけないこと

  • PHPやDBが動く前提で説明する
  • 公開URL未確認で完了扱いにする
  • Secretsや個人情報をHTMLに入れる

安全寄りに進める手順

  1. 対象のrepo、branch、PR、Actions runを確認する。
  2. Secrets、APIキー、token、.env、個人情報が差分やログに出ていないか見る。
  3. 必要な場合は値を停止または再発行し、影響範囲を整理する。
  4. 変更は小さなbranchとPRに分け、CIとreviewで確認する。

CodexやAI作業時の注意

AIに作業を渡す時は、対象ファイル、触らないファイル、確認項目を明記します。認証情報や実際のキー値は本文、Issue、PR説明、ログ、レポートに残さないようにします。

公式情報で確認する領域

Actions、Secrets、PR、repository visibility、workflow permissionsは仕様が変わることがあります。実作業前にはGitHub Docsで最新の説明を確認してください。

関連ページ