11ty - Eleventy

このブログをリニューアルするプロジェクト。

の前に11tyをざっくり小さくお試し。

導入

構築したいディレクトリで、、、

$ npm init -y

-> package.jsonが出来る

$ npm i -D @11ty/eleventy

-> 11tyをインストールする

設定ファイルを作る

入力と出力のディレクトリを変える。とりあえずこれだけ。

デフォルト：input . /output _site

code:.eleventy.js

module.exports = {

dir: {

input: "_src",

output: "dist"

}

};

テンプレートを作る

EJS以外も色々使える：Nunjucks、Markdown、Handlebarsなどなど