LoginSignup
3
4

More than 3 years have passed since last update.

静的サイトジェネレーター 11ty(eleventy)

Last updated at Posted at 2020-03-11

Nunjucksだけでなく PUG / Handlebars / EJSも使用することのできる優れものです。
やり方によっては、yamlを使用してhead内のテキスト内容を挿入することも可能です。

以前僕も、この案件はEJSであの案件はNunjucksってゆう感じにJSテンプレートエンジンを変えていました。
その度にgulpの設定を変えていました。

めんどくさいです。

Nuxtを使って静的サイトを作っていくのも流行っているし、かっこいいしいいかもと思いましたが、
他に選択肢はないかなと思い、dev.toを眺めていると出会いました。

使用方法も至ってシンプル。

すぐに案件で使ってみました。


src/ 
  views/
   _includes
   _data

上記のディレクトリで大丈夫です。
.eleventy.jsに下記を記述

module.exports = function(eleventyConfig) {
   return {
    dir: {
      input: 'src/views',
      includes: '_includes',
      data: '_data'
    }
  }
}

Eleventy is a simpler static site generator.
こちらにくらしくは載っていますので、ぜひご覧ください。

簡単ではありますが、11ty(eleventy)の紹介でした。

3
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
4