🧪

Jekyllでパンくずリストを実装しようとして迷子になったら

2022/10/28に公開約800字

これ... cc-kawakami/jekyll-breadcrumb-tag: Jekyll x Breadcrumbs

例によって Gemfile に plugin を書いて、

group :jekyll_plugins do
  gem "jekyll-breadcrumbs-tag", github: "colorfulcompany/jekyll-breadcrumbs-tag"
end

インストール。

bundle
# _config.yml
plugins: [jekyll-breadcrumbs-tag]

使い方は、

_config.yaml

breadcrumbs:
  -
    name: top
    link: /
    text: Top Page
  -
    name: about
    link: /about
    text: About Page
    parent: top

を書いて、

<%= breadcrumbs about %>

タグを書くだけ。

もし、テンプレートをカスタマイズしたかったら、_includes/breadcrumbs.html を書いてください。

{% for breadcrumb in breadcrumbs %}
  {% if forloop.first == false %}&nbsp;>&nbsp;{% endif %}<a href="{{ breadcrumb.link }}">{{ breadcrumb.text }}</a>
{% endfor %}

出来てないこと:

/posts/:id のような場合に対応できていない。次回に期待。

Discussion

ログインするとコメントできます