NetlifyにHTMLホームページを公開する方法

このページは HTMLファイルだけ で作ったホームページを、 Netlify を使って無料公開する手順をまとめたものです。

① 事前に用意するもの

HTMLファイル（例：index.html）
画像やCSSがある場合は同じフォルダにまとめる
Googleアカウントまたは GitHubアカウント

重要： トップページのファイル名は index.html にしてください。

② フォルダ構成例

my-website/
 ├ index.html
 ├ style.css
 └ images/
    └ sample.png

③ Netlifyにアクセス

ブラウザで Netlify を開く
「Sign up」または「Log in」をクリック
Google または GitHub でログイン

④ HTMLをアップロードして公開（一番簡単）

Netlifyのダッシュボードを開く
「Add new site」→「Deploy manually」
作成したフォルダをそのままドラッグ＆ドロップ

数秒後、自動でURLが発行され、ホームページが公開されます。

⑤ 公開URLの例

https://xxxxxx.netlify.app

⑥ サイト名（URL）を変更する

Site settings を開く
「Site details」→「Change site name」
好きな名前に変更

⑦ 更新方法

HTMLを修正
同じ手順でフォルダを再アップロード
自動で上書き更新される

⑧ よくある注意点

ファイル名の大文字・小文字は区別される
相対パス（./images/）を使う
JavaScriptもそのまま動作する

⑨ まとめ

サーバー契約不要
広告なし
HTML初心者でも簡単

このHTMLは、そのまま保存・配布用の説明書としても使えます。