html - 在 Jekyll 中将 url 剥离为 1 个单词

Question

我正在构建一个 Jekyll 博客，我遇到了永久链接问题。

我的博客帖子的永久链接是这样设置的_config.yml:

permalink: /:page/:categories/:title

导航到博客文章时输出如下:

http://localhost:4000/blog/travel/netherlands-trip-prequesites/

我在站点中有一些静态页面:博客、旅游

变量 page.url 输出这个 url:/blog/travel/netherlands-trip-prequesites

我的导航栏用来突出显示当前页面的代码(给它一个“事件”类):

          {% assign url = page.url|remove:'index.html' %}
          {% for nav in site.navigation %}
            {% if nav.href == url %}
              <li class="active"><a href="{{nav.href}}">{{nav.name}}</a></li>
            {% else %}
              <li><a href="{{nav.href}}">{{nav.name}}</a></li>
            {% endif %}
          {%endfor%}

导航到静态页面时效果很好，但是当我单击博客文章时它不会突出显示正确的静态页面。 (例如:如果我导航到带有 url /blog/smth/title 的博客文章，它应该在我的导航中自动突出显示“博客”。当我导航到 /travel/smth/title 它应该突出显示“Travel”)

我想做的是剥离 page.url 的输出到它的第一部分。例如我想停止以下输出

/blog/travel/netherlands-trip-prequesites

下降到

/blog/

为什么？所以我可以用它来检查它属于哪个静态页面并相应地突出显示它。

Answer 1

最简单的方法是使用split:

{{ page.url | split:'/' | first }}

这将为您提供直到第一个 / 字符的 URL 内容。