🎉

GitHubアカウントがあればOK!自分のサイトを公開しよう

2024/10/24に公開

結論

  • GitHubアカウントがあれば簡単に自分のサイトを公開できます。
  • githubのユーザー名.github.io」というリポジトリを作って、そこにhtmlをプッシュするだけです!
  • ページに何を書いたら良いかわからない時は、公式の例も参考になります。

今回作ったもの

https://2323-code.github.io/

リポジトリ

https://github.com/2323-code/2323-code.github.io

対象者

  • 自分のサイトがないので作りたいと考えている人
  • 何か自分の情報をまとめたサイトが作りたい人
  • github.io に興味がある人

この記事でわかること

  • github.ioを使った自分のページ公開の仕方

用意するもの

  • GitHubアカウント
  • 好きなエディタ

やり方

  1. GitHubで新たにリポジトリを作成します。命名は「githubのユーザー名.github.io」としてください。
  2. 好きなエディタを開き、ローカルにクローンします。
  3. クローンしたディレクトリを開き、index.htmlを作成します。
  4. 思うままにhtmlを書きます。
    5. 何も考えずに書き始めたので、何を載せれば良いか悩みます。
    6. もし悩んだら、公式で出されている例や、すでに自身のサイトを持っている方のページを見ながら書くのもおすすめです。
    8. https://github.com/collections/github-pages-examples
  5. かけたらHTMLファイルをプッシュします。
  6. 反映されるまで2-3分かかるので待ちます。
  7. githubのユーザー名.github.ioに訪問してみます
  8. 自分の書いたHTMLが反映されているはず!・:*+.(( °ω° ))/.:+

おまけ

404エラーをカスタムする

公式ドキュメントによると、404エラーを自身でカスタムできるようです。
https://docs.github.com/ja/pages/getting-started-with-github-pages/creating-a-custom-404-page-for-your-github-pages-site

参考文献

https://qiita.com/MokeeeMokeee/items/4b33691b829aaf119bbf
https://pages.github.com/
https://docs.github.com/ja/pages

Discussion