Github Pagesでブログ構築ができる静的サイトジェネレーター総まとめ

# **概要**

Github Pagesでブログ構築ができる静的サイトジェネレーターの総まとめです。

もともと使っていた**Octpress**からの移行で、**Hugo**と**Hexo**で迷い、デプロイのしやすさや、Node.jsで完結できることなどからHexoに決めました。なので、Hexoの情報は多めになっています。

**Assemble**も、Grunt・Yeomanでがりがり動かすことができそうで、いつか試してみたいです。

# **リプレース要件**

以下を満たすもの。

* Markdownでブログ記事を記述できる(Githubとかで管理したいから)
* Octopressから移行が可能(最悪手動でもOK)
* デザインがモダンであること(スマートフォン対応していること)
* イケてること(色んな意味で)

# **<a href="http://jekyllrb.com/" target="_blank">Jekyll</a>｜Rails｜Github Star 18848**

## メリット
* Github Star数No1と人気。
* 日本語の記事も多い
* なんでもできそう
* デザインが割と豊富

## デメリット
* 導入手順が多い
* 特にモダンでイケているわけではない

## デザイン
* <a href="http://jekyllthemes.org/" target="_blank">Jekyll Themes</a> - 割と豊富

## 参考記事
* <a href="http://akkunchoi.github.io/jekyll-github-blogging.html" target="_blank">Jekyll + github pages を使って git + markdown でサイト構築 | akkunchoi@github</a>
* <a href="http://melborne.github.io/2012/05/13/first-step-of-jekyll/" target="_blank">30分のチュートリアルでJekyllを理解する</a>



# **<a href="http://octopress.org/" target="_blank">Octopress</a>｜Rails｜Github Star 8783**

## メリット
* 簡単にブログ構築が可能
* Jekyllに、多数の便利な機能を載せたフレームワーク的ツール
* 日本語の記事が多い

## デメリット
* （他のツールも出てきている中では）簡単さ以外の際立ったメリットがない
* 記事生成が遅い
* デザインが渋い

## デザイン
* <a href="https://github.com/imathis/octopress/wiki/3rd-Party-Octopress-Themes" target="_blank">3rd Party Octopress Themes · imathis/octopress Wiki</a> - 渋いイメージがあるが探せばまともなものもある。



# **<a href="http://docs.getpelican.com/en/3.5.0/#" target="_blank">Pelican</a>｜Python｜Github Star 4373**

## メリット
* Pythonで書ける

## デメリット
## デザイン
* <a href="http://pelicanthemes.com/" target="_blank">Pelican themes</a> - 悪くはないが、イケてもない。

## 参考記事
* <a href="http://draftcode.github.io/2012/03/16/42a4fd48-6f58-11e1-bdce-040ccee352e6.html" target="_blank">PelicanとGitHub Pagesを使う</a>
* <a href="http://blog.sotm.jp/2014/01/04/Pelican-Markdown-GithubPages-install-guide/#_5" target="_blank">Pelican + Markdown + GitHub Pagesで管理するブログの作り方 - blog@sotm.jp</a>



# **<a href="http://hexo.io/" target="_blank">Hexo</a>｜Javascript｜Github Star 4204**

## メリット
* 全てJavaScriptで完結できる
* Node製の中では最も人気が高い
* ブログ生成に特化している
* 日本語記事が多い
* generateが早い

## デメリット
* Sitemapをつくる必要がある

## デザイン
* <a href="http://hexo.io/themes/" target="_blank">Themes | Hexo</a>
* <a href="https://github.com/hexojs/hexo/wiki/Themes" target="_blank">Themes · hexojs/hexo Wiki</a> - 探そうと思えばある

## 参考記事
* <a href="http://liginc.co.jp/web/programming/server/104594" target="_blank">所要時間3分!? Github PagesとHEXOで爆速ブログ構築してみよう！ | 株式会社LIG</a>
* <a href="http://qiita.com/bird_nitryn/items/5988a1efe47e0d47132b" target="_blank">Hexo と GitHub Pages でブログ環境を構築して公開する - Qiita</a>
* <a href="http://tech.admax.ninja/2014/09/11/environment-of-hexo/" target="_blank">【Node.js】Hexoでブログを書くための環境構築 | AdMax Tech Blog</a>
* <a href="http://pagent.github.io/2014/11/22/octopress-hexo/" target="_blank">サイトジェネレーターをOctopressからHexoに変更 | Pagent</a>
* <a href="http://pagent.github.io/2014/12/05/hexo-vs-octopress/" target="_blank">HexoとOctopressの比較 | Pagent</a>
* <a href="http://blog.otakumode.com/2014/08/08/Blogging-with-hexoio/" target="_blank">チームブログをGitHubとHexoではじめよう！ | Tokyo Otaku Mode Blog</a>



# **<a href="https://middlemanapp.com/jp/" target="_blank">Middleman</a>｜Rails｜Github Star 3969**

## メリット
* 日本語の記事、事例が多い。

## デメリット
* デザインテーマの組み込みが面倒そう。
* 一般的なサイトを作るのに適しているらしく、ブログ生成はプラグインとして提供されている。記事が多く見えるのはそのせいもありそう。
* 特別モダンな感じではない。

## デザイン
* <a href="http://bootswatch.com/" target="_blank">Bootswatch: Free themes for Bootstrap</a> 
* <a href="https://directory.middlemanapp.com/#/templates/all" target="_blank">Middleman Directory</a> 

## 参考記事
* <a href="http://d.hatena.ne.jp/osyo-manga/20140209/1391955805" target="_blank">middleman で構築したサイトを GitHub Pages で公開するまでの流れをまとめてみた - C++でゲームプログラミング</a>
* <a href="http://blog.coiney.com/2013/06/21/host-middleman-blog-on-github/" target="_blank">middleman-blogをgithubでホストする</a>



# **<a href="http://gohugo.io/" target="_blank">Hugo</a>｜Go｜Github Star 3495**

## メリット
* 記事生成が早い
* 必要ファイルが少なく構造がシンプル
* Octpressにできることは最低限できそう
* Octpressに比べ嬉しい機能がいくつかある

## デメリット
* 自分でやらないといけないことが多い
* 日本語のタイトルが使いづらい
* デザインテーマが少ない

## デザイン
* <a href="https://github.com/spf13/hugoThemes/" target="_blank">spf13/hugoThemes</a> - サイトがcoming soonになっていてみられない（インストールして確認可能）が、**<a href="http://deeeet.com/writing/2014/12/25/hugo/" target="_blank">参考記事</a>のブログを見ると、モダンなデザインな印象。**

## 参考記事
* <a href="http://deeeet.com/writing/2014/12/25/hugo/" target="_blank">OctopressからHugoへ移行した | SOTA</a>
* <a href="http://yet.unresolved.xyz/blog/2015/01/04/migrate-blog-to-hugo-from-octopress/" target="_blank">ブログをOctopressからHugoに移行した | Unresolved</a>



# **<a href="http://harpjs.com/" target="_blank">Harp</a>｜Javascript｜Github Star 2697**

## メリット
* プリプロセッシングが売りで、scss,jade,coffeeなどが使いやすい。

## デメリット
* プリプロセッシング以外の売りが伝わってこない
* 日本語の記事が少ない。
* デザインのテーマがない。

## デザイン

## 参考記事
* <a href="http://kennethormandy.com/journal/start-a-blog-with-harp" target="_blank">Start a blog with Harp</a>



# **<a href="http://assemble.io/" target="_blank">Assemble</a>｜Javascript｜2302**

## メリット
* Yeoman,Gruntがガッツリ使え、フロントエンド寄り。

## デメリット
* Gruntをガッツリ使うことになる。
* 日本語の記事が少ない。

## デザイン
* Bootstrapで作成可能。

## 参考記事
* <a href="http://www.hongkiat.com/blog/blogging-with-assemble/" target="_blank">How To Build A Static Blog Using Assemble</a>
* <a href="http://blog.parkji.co.uk/2013/07/06/building-a-static-site-using-grunt-and-assemble.html" target="_blank">Building a basic static site using grunt and assemble—blog.ParkJi.co.uk</a>