Zenn
Open3

11ty 使い方メモ

11ty
warugakiwarugaki

11tyのコレクション機能を使ってページリストをつくる

All出力

<ul>
{%- for item in collections.all %}
  <li><a href="{{ item.url }}">{{ item.url }}</a></li>
{%- endfor %}
</ul>
warugakiwarugaki

11tyのカスタムフィルター機能｜ルート相対パスを絶対パスにする

共通のファイルをページごとに相対パスに切り替えできるようにする

.eleventy.js

const path = require('path');

// https://www.11ty.dev/docs/config/
module.exports = function (eleventyConfig) {

  // ルート相対パスを相対パスに変更
  eleventyConfig.addFilter("relativePath", (url, page) => {
    if(path.parse(url).root === ''){
      throw new Error('ルート相対パスに変更してください')
    }
    return `${path.relative(page.url,path.parse(url).dir)}/${path.parse(url).base}`;
  });

};