GitHub Page 公式対応 Jekyll テーマ スクリーンショット集

## 本記事作りのきっかけ

(この記事にだとりついている時点である程度のことは知っていると思うので、GitHub Pages や Jekyll についての細かい説明はカット。)

GitHub Pages がサポートしている Jekyll テーマの一覧がこちら。

https://pages.github.com/themes/

これらのテーマは、細かい設定やファイル追加を伴わず、設定ファイル 1行だけですぐに適用できます。(便利！)

ただ、ここを見てもスクリーンショットは貼られておらず、各リポジトリの README の、プレビューリンクを開いて･･･やっとプレビューにたどり着きます。ちょっと遠い。

プレビューを並べて見比べて選びたいのに･･･ということで、各テーマのスクリーンショットを並べることにしました。

## 本題

### [Architect](https://pages-themes.github.io/architect/)

```_config.yml
theme: jekyll-theme-architect
```

![Architect theme sample page](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/540894/b65fe44b-166f-4332-8ee1-ec431d71d577.png)

### [Cayman](https://pages-themes.github.io/cayman/)

```_config.yml
theme: jekyll-theme-cayman
```

![Cayman theme sample page](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/540894/386d1830-2fe5-488e-b98a-24ae82d38ced.png)

### [Dinky](https://pages-themes.github.io/dinky/)

```_config.yml
theme: jekyll-theme-dinky
```

![Dinky theme sample page](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/540894/19a11971-0216-4143-a714-cc78c8f48940.png)

### [Hacker](https://pages-themes.github.io/hacker/)

```_config.yml
theme: jekyll-theme-hacker
```

![Hacker theme sample page](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/540894/06cf2000-ab20-48bb-8b94-0b6f5c30a191.png)

### [Leap day](https://pages-themes.github.io/leap-day/)

```_config.yml
theme: jekyll-theme-leap-day
```

![Leap day theme sample page](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/540894/4f6ccd7d-00f3-4eae-b6ac-f000549ddd21.png)

### [Merlot](https://pages-themes.github.io/merlot/)

```_config.yml
theme: jekyll-theme-merlot
```

![Merlot theme sample page](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/540894/d094e0e8-20de-4aee-b364-cfb83ea2c00b.png)

### [Midnight](https://pages-themes.github.io/midnight/)

```_config.yml
theme: jekyll-theme-midnight
```

![Midnight theme sample page](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/540894/d3bb4775-2e18-405c-b264-aa5dd930222a.png)

### [Minima](https://jekyll.github.io/minima/)

```_config.yml
remote_theme: "jekyll/minima"
```

![Minima theme sample page](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/540894/2dbb1d6f-62f2-4642-826a-28fc4557e4b7.png)

他は CC0 なのですが、なぜかこれだけ MIT ライセンスなので、一応著作とライセンス表記を。

> The MIT License (MIT)
>
> Copyright (c) 2016-present Parker Moore and the minima contributors

### [Minimal](https://pages-themes.github.io/minimal/)

```_config.yml
theme: jekyll-theme-minimal
```

![Minimal theme sample page](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/540894/95eee349-ae89-4c3c-b924-25123d102197.png)

### [Modernist](https://pages-themes.github.io/modernist/)

```_config.yml
theme: jekyll-theme-modernist
```

![Modernist theme sample page](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/540894/65bf2759-2439-4c05-9867-0de12d177f72.png)

### [Slate](https://pages-themes.github.io/slate/)

```_config.yml
theme: jekyll-theme-slate
```

![Slate theme sample page](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/540894/cddbfcaf-5a52-4a00-88ae-23d77b2e88a8.png)

### [Tactile](https://github.com/pages-themes/tactile)

```_config.yml
theme: jekyll-theme-tactile
```

![Tactile theme sample page](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/540894/956dc33b-ff9c-4824-9d48-c0d855725445.png)

### [Time machine](https://pages-themes.github.io/time-machine/)

```_config.yml
theme: jekyll-theme-time-machine
```

![Time machine theme sample page](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/540894/a8ee9990-173e-4e5c-ae46-15668e31f033.png)

## テーマは他にも

GitHub Pages が標準対応しているテーマは以上ですが、公開されているテーマはこれ以外にも山ほどあります。

https://jekyllrb.com/docs/themes/

公式対応テーマより設定の手間は増えますが、これらも適用可能です。