GitHub Pagesの使い方

静的ウェブサイトを簡単に作成・公開することができるGitHub Pagesの使用方法。

公式サイトを見ながら、2つの方法を試しました。

  • HTMLを用意し、サイト公開する
  • Markdownを用意し、サイト公開する

方法

方法について、いろいろWebで調べてみました。
最もわかりやすかったのは、公式サイトでした。
ですので、最新の公式情報を確認するのが良い思います。

GitHub Pages

結果

作成したウェブサイト

https://miajimyu.github.io/
HTML版。
Hello World表示するだけのindex.html。
※もしかしたら、こちらは今後変更することがあるかもかもしれません。

https://miajimyu.github.io/github-pages-markdown-sample/
Markdown版。
MarkdownはThemeを選択した後に表示されたデフォルトのまま。
index.mdと_config.ymlが生成されました。

リポジトリ

miajimyu/miajimyu.github.io

miajimyu/github-pages-markdown-sample

学び

  • すごく簡単に静的サイト公開することができる
  • 公開方法にはHTMLを用意する方法とMarkdownを用意してHTMLに変換してもらう方法がある
  • <username>.github.ioリポジトリを作成した場合、**https://<username>.github.io/**のURLで公開される
  • 他のリポジトリを作成した場合、https://<username>.github.io/<リポジトリ名>のURLで公開される

スポンサーリンク

最終更新 2022/10/07: update (71568f4)