Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationEventAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
0
Help us understand the problem. What are the problem?

【GitHub】静的サイトの公開

はじめに

HTMLとCSSだけで静的サイトを作り、それをGitHub Pagesで公開する流れを説明します。

公開手順

1) GitHub公式ページにアクセスし、RepositoriesのNewをクリックします。
2) Repository nameを入力し、Create repositoryをクリックします。
3) 画面遷移したら、Quick setupという項目のところに表示されているURLをコピーしておきます。
4) エディターに戻り、ターミナルもしくはコマンドプロンプトを使い、GitHubにプッシュしていきます。

ターミナルorコマンドプロンプト
①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ページが表示されます。

おわりに

これはあくまで「静的サイト」の公開なので、その点にはご注意願います。

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
0
Help us understand the problem. What are the problem?