#はじめに
HTMLとCSSだけで静的サイトを作り、それをGitHub Pagesで公開する流れを説明します。
#公開手順
- GitHub公式ページにアクセスし、RepositoriesのNewをクリックします。
- Repository nameを入力し、Create repositoryをクリックします。
- 画面遷移したら、Quick setupという項目のところに表示されているURLをコピーしておきます。
- エディターに戻り、ターミナルもしくはコマンドプロンプトを使い、GitHubにプッシュしていきます。
ターミナルorコマンドプロンプト
①cd 公開したいフォルダ名
②git init
③git add .
④git commit -m "メッセージ"
⑤git remote add 3)でコピーしたURL
⑥git push -u origin master
- GitHub公式ページに戻り、作成したリポジトリのページからSettingsをクリックします。
- 下の方にGitHub Pagesという項目があり、
Check it out here!
というリンクがあるのでそこをクリックします。 - Sourceという項目の
None
となっている部分をBranch:master
に変更し、saveをクリックします。 - 画面遷移後、
Your site is ready to be published at https://アカウント名.github.io/リポジトリ名/
と表示されるので、そのリンクをクリックすればWebページが表示されます。
#おわりに
これはあくまで「静的サイト」の公開なので、その点にはご注意願います。