おすすめの静的サイトジェネレーターを教えてください。

Question

おすすめの静的サイトジェネレーターを教えてください。

GitHub Pages を使ってみようと思い、いい感じの静的サイトジェネレーターを探しています。
おすすめがあれば教えていただきたいです。

条件は以下の通りです。

• GitHub Pages で使える。
• Markdownで記事を記述できる。
• デザインがモダン
• 記事生成が速い

Answer 1

私はMiddlemanを使っていますが、JavaScriptの周りが過渡期で迷走気味、ビルドが遅い、ということもあってRuby好きとかSlim使いたいって人以外にはオススメしません。

速度面を重視するなら、オススメなのはGoでできたHugoです。実は余り使ったことがありませんが、爆速という噂です。機能面は、語るほど使いこなしてないので、ごめんなさい。

その他はStaticGenで人気なものを探してみると良いかもしれません。好みの問題もあるので、自分に合ったものや作るサイトにあったものを見つけた方が良いかと思います。(私は速度が遅くてもMiddlemanを使い続けるだろうし…)

Comments

[shozin_0805]

ありがとうございます。
StaticGenで探してみようと思います。

Answer 2

Hugoと
GitHub PagesではなくNetlify

記事生成はそもそもデプロイ時に自動でやるので速度は関係ない。
それでもHugoの速さは魅力。

Goなのでバイナリファイル一つで済む。
他だとRubyやnode.jsの環境が必要。普段から使ってるならともかくこれが意外と面倒。
お手軽に使いたい静的サイトジェネレーターでそんな所を気にしたくない。

Comments

[shozin_0805]

ありがとうございます。
Netlifyを知らなかったのでとても勉強になりました。

Answer 3

質問文にReact.jsのタグが付いているので、React用の静的サイトジェネレーター「Gatsby」はどうでしょう？

Markdownで記事を記述できる。

以下を参照。
Adding Markdown Pages

GitHub Pages で使える。

以下を参照。
How Gatsby Works with GitHub Pages

Comments

[shozin_0805]

ありがとうございます。

Answer 4

現状Hugo一択でしょうね。

私は現状Hexo使ってますが、1記事作る度にコンパイルが走りますね。
全記事のページに新しいページのリンクを作りますよﾋﾞｬﾋﾞｬﾋﾞｬﾋﾞｬという感じで塵が積もって凄まじい遅さになります。

まぁ、30記事くらいなら1秒程度で全部吐き出してくれるのでまだそんなに気にならないけど、ゆくゆくを考えるとちょっと億劫です。
出来合いのものを使う事を考えれば第一感Hugoでしょう。

---

一応自分で作る案も検討しました。

コンパイルの手間を減らす為に、index.htmlとbundle.jsだけ先にコンパイルしておき、
JSON化した記事一覧をAjaxで取得、他のMarkdown製の記事も全てAjaxで取ってくるみたいな設計を考えました。

しかし誰がどうやってそのJSONファイルで出来た記事一覧を用意するのか？
誰かが全てのMarkdown記事を読み込んでJSONファイルを吐き出す処理が必要となります。

これはReact.jsを使っている静的サイトジェネレータも同様で、
結局どのジェネレータもトップページや隣接ページのリンク等を考えると、
結局全ての記事ファイルを読み込んでゴリゴリ処理をしていくというフローがあるのは避けられません。

Comments

[shozin_0805]

ありがとうございます。
詳しく教えていただきとても勉強になりました。