All Your Baseの日記

茨城県在住のAndroidアプリエンジニアです。茨城県の観光アプリを勝手に作っています。

「github.io」ドメインのサイトを作る方法

f:id:ayb:20170523142803j:plain

GitHubには「GitHub Pages」という仕組みがあって、「アカウント名+github.io」というドメインに静的なウェブサイトを無料でホスティングすることができます。

レンタルサーバーを借りる必要も、FTPソフトを使う必要もなく、お手軽にウェブサイトを作れて便利です。github.ioドメインになるので、エンジニアやデザイナーのポートフォリオサイトに使うと良いのではないかと思います。

わたくし(okuzawats)であれば、下記のURLにウェブサイトを作ることができます。

https://okuzawats.github.io/

github.ioドメインのウェブサイトを作る手順は以下の通りです。

  1. GitHub上に「アカウント名+.github.io」という名前のリポジトリを作成する(例:okuzawats.github.io)
  2. リポジトリをローカルにクローンする
  3. リポジトリに静的なウェブサイトのソースを置いて、GitHubにpushする

これだけでgithub.ioドメインのウェブサイトを構築することができます。しかもSSLです。

f:id:ayb:20170523132837p:plain

「静的サイトジェネレータ」と呼ばれるツールを使えば、GitHubページ上にブログを作ることもできます。OctoPressやHugoといったものが有名ですね。

GitHubにはこの他にも、プロジェクトのウェブサイトを作る機能もあるようです。わたくしは使ったことがないのでここではこれ以上触れません。