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