- GitHubアカウントを作る Sign up for GitHub(ウェブサイトの名前の一部になるのでいい名前を付けましょう。登録後GitHubからのメールを確認して、Verify!)
- このリポジトリを右上にあるForkを押して自分のリポジトリとしてコピーする (リポジトリ=貯蔵庫、Git上で扱う1つのプロジェクトのファイル一式を指す)
- 自分のリポジトリの設定(Settings、Code、Issuesの並び、「...」で隠れていることもある)を開く
- GitHub Pages の項目までスクロールし、Sourceを[master brunch]に変更する
- もう一度 GitHub Pages の項目までスクロールして、書いてあるリンクを新しいウィンドウで開いておく
- すぐには表示されないので、待っている間にカスタマイズ!自分のリポジトリの index.html を開く
- 右上の鉛筆マークで編集モードにする
- <h1>たいとる</h1>とあるところを好きなタイトルに変える
- 画面下の「commit changes」を押す
- さっき開いたウィンドウをリロードしてみる
- 数分すると、編集したタイトルに変わる!
- 以降、編集、コミット、ちょっと待って、反映でウェブサイトづくりができる
- pngかjpg画像を準備する
- 半角英数字を使った空白を含まないファイル名に変更する (日本語名やトラブルの元になる)
- [Upload files]を押す
- 画像ファイルをドロップして、コミットする
- index.html を編集する
- <img src="imgfile.jpg"> と、<h1>タイトル</h1> の前の行に書く (imgfile.jpg はアップロードしたファイル名に)
- コミットし、しばらく待って、リロードすると表示される!
もう少し詳しく? → HTMLはじめのいっぽ
https://github.com/code4sabae/website/blob/master/what_is_html.md
- GitHub Desktopをダウンロードする
- 自分のリポジトリの右側[clone or download]を押し、[Open in Desktop]を押す
- ダウンロードするフォルダをローカルパスとして指定し[Clone]する
- ダウンロードしたフォルダの中の index.html をブラウザで開くと表示される
- VSCodeなどのエディタを使って、index.html や index.css を編集し、サイトをつくる
- GitHub Desktop で、コミットする(更新用のメモは必須、”更新”など、一言でもOK!)
- [Fetch origin] を押し、サーバーにプッシュする
- しばらく待つと、反映される
[Settings]で、リポジトリ名を (自分のGitHubアカウント名).github.io に変更すると、そのアドレスでアクセスできます!短くてかっこいいですね!
github.io じゃなく、じぶんだけのドメイン(独自ドメイン)を設定したい方はこちら
https://github.com/code4sabae/website/blob/master/what_is_domain.md
HTMLはじめのいっぽ
https://github.com/code4sabae/website/blob/master/what_is_html.md
CSSはじめのいっぽ
https://github.com/code4sabae/website/blob/master/what_is_css.md
JSはじめのいっぽ
https://github.com/code4sabae/website/blob/master/what_is_js.md
こちらのIssuesに分からないことをどうぞ!
https://github.com/code4sabae/website/issues