11tyで作る簡易ブログ

なんだか「イレヴンティーワイ」と発音してしまいますが、正しくは「イレヴンティー」です。

11tyとは

11tyは、static site generator(静的サイトジェネレーター)のひとつです。
テンプレートの言語として、.mdや.pug、.njkなどをサポートしています。

11tyに触って初めて.njkを知ったのですが、nunjucks(ナンジャックス)はMozilla製のテンプレートエンジンです。
MozillaというとブラウザのFirefoxがまっ先に浮かびますが、そのMozillaです。

さっそく触ってみる

今回はスターターとしてeleventy-base-blogを使います。
スターターを使うのであれば、実はリポジトリをクローンした方が早いです。
それで適宜設定変えてくかんじですね。

先にできあがったブログを載せておきます。
https://murder-of-crows.now.sh/
ZEIT Nowを使ってデプロイしました。
スターターをあまりカスタマイズしてないです。

簡単に使い方を。
11tyをインストールしたフォルダに移動して、

$ npx @11ty/eleventy --serve

を実行します。
これでファイルが適宜作成されて、http://localhost:8080/ でローカル環境が立ち上がります。
監視対象のファイルが保存されるとlocalhostに反映されます。
ちなみに止め方は Ctrl + C です(地味に止め方分からなくてエラー吐かれました……)。

もう少し詳しく

まだ環境整えただけくらいなので、またあらためてじっくり取り組んだ記事を書きたいと思います。

じっくり書いたその2がこちらです。