0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【GitHub】静的サイトの公開

Posted at

#はじめに
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
  1. GitHub公式ページに戻り、作成したリポジトリのページからSettingsをクリックします。
  2. 下の方にGitHub Pagesという項目があり、Check it out here!というリンクがあるのでそこをクリックします。
  3. Sourceという項目のNoneとなっている部分をBranch:masterに変更し、saveをクリックします。
  4. 画面遷移後、Your site is ready to be published at https://アカウント名.github.io/リポジトリ名/と表示されるので、そのリンクをクリックすればWebページが表示されます。

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

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?