Github Pagesとは
Github Pagesとは、GithubのリポジトリからHTML,CSS,Javascriptファイルを直接取得し、webページを無料で公開できるサービスです。
手順
1. Githubにリポジトリを作成する
Newボタンをクリックする
リポジトリ名を入力する。今回はtestというリポジトリを作成します
↓
Public(公開)を選択する
↓
Create repositoryをクリックする
↓
リモートリポジトリ作成完了です
2. ローカルでファイル作成(index.html)して、リモートリポジトリにpushする
- まず最初に先ほど作成したリポジトリを開き、URLをコピーしておく
vscodeでターミナルを開き、作業ディレクトリに移動します
↓
ターミナルにて、git clone (コピーしたURL)
を入力する
↓
cd test
でtestファイルに移動する
↓
サイトで公開するindex.htmlファイルを作成する
git add index.html
git commit -m "index.htmlを作成"
git push origin main
を順番に入力する
これでリモートリポジトリに反映完了
3. GithubPagesの設定
testリポジトリを開き、右上にあるsettings
をクリックする
pagesをクリック
saveを押して完了です
↓
しばらく待ってリロードすると、このような画面が表示されたらサイト公開完了です。
visit siteをクリックする