MENU

GitHub にHtmlを公開する

GitHub にHtmlを公開する

html cssぐらいであれば、githubで公開できる

手順

1.html cssを作成する 2.githubレポジトリを作成する 3.pushする 4.github settingsでホスティングの設定をする 5. https://.github.io/<リポジトリ名>

1.html cssを作成する

ディレクトリはこんな感じで試してください

sampleDir
  indes.html
  css
    style.css
  js
    main.js

2.3は割愛します

4.github settingsでホスティングの設定をする

  • settingsのsourceの箇所でbranch をnone からmasterに変更

f:id:everydayProguramming:20201115100603p:plain

  • masterを選択

f:id:everydayProguramming:20201115100548p:plain

5.https://.github.io/<リポジトリ名>にアクセス

urlが全然違うので注意してください

補足

ホスティングとは?

サーバーを借りる事らしい。 html cssを表示するにしても、誰かがURLにアクセス(リクエスト)してきたら、レスポンスをしてあげる必要がありますね。

GitHubではそれを提供してくれています

参考記事

boxil.jp