LoginSignup
21

More than 5 years have passed since last update.

GitHub Pagesでプロジェクトホームページを作る。15秒で。

Last updated at Posted at 2016-12-16

2016/12/15にGitHub Pagesの新機能「Jekyll Theme Chooser」というものが発表されたので、先日作ったGoslingsのホームページをこの機能を使って15秒で作った話。

Jekyll Theme Chooserとは

詳しくは公式のドキュメントを参照。
簡単に言うと、数クリックの操作で、GitHubのリポジトリのトップに置いたReadme.mdにしゃれおつなテーマを適用してインターネットに公開してくれる機能。

使ってみる

まず、ホームページを作りたいプロジェクトのページに行く。
今回はGoslings
Readme.mdは作成済み。

goslings.png


右上のSettingsをクリックして、GitHub Pagesのセクションまでスクロールして、Choose a themeをクリック。

choose.png


するとテーマ選択画面が開く。

themes.png


今の時点では12種類からしか選べないようだ。今後増えることを期待。
今回は、上部のリストから「Architect theme」を選んで、Select themeボタンをクリック。

select.png


これでホームページ作成完了。
GitHub PagesのプロジェクトページのURLに行ってみる。

done.png


ちゃんとできてた。
ここまでわずか5クリック0タイピング。テーマを選ぶ時間を除けば15秒程度で完成。
こだわりがそんなにないならこれで十分なクオリティだし、なんといっても手軽すぎる。


因みに、ホームページ作成後、SettingsGitHub Pagesセクションを見てみたら、masterブランチからホームページをビルドする設定になっていた。
また、プロジェクトのトップに以下の内容の_config.ymlというファイルがコミットされていた。

_config.yml
theme: jekyll-theme-architect

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
21