我正在为我的Jekyll项目使用category-archive plugin。我想为每个类别档案页面有一个类别列表菜单，这样用户就可以在不同的类别档案之间导航。我想将class="active“添加到当前查看的类别存档页面的类别列表链接中。通过比较page.url和navitem.url，我得到了类似的站点导航不同之处在于，对于站点导航，我在config.yml中指定了类别列表，而对于类别存档，类别名称列表是基于帖子本身中指定的类别生成的，并且我在{% if%}操作符中使用{{ navitem.urls | first }}变量时遇到了问题，因此我可以检查"==“或"contains”

这就是我目前所拥有的，但它似乎不起作用

<ul class="product-categories">
{% for category in site.categories %}
  {% if page.url == {{ category | first }} %}
    {% assign class = "active" %}
  {% else %}
    {% assign class = "" %}
  {% endif %}
<li>
  <a href="/{{ category | first }}/" class="{{ class }}">{{ category | first }}</a>
</li>
{% endfor %}

?

请帮助=)

转载请注明出处:http://www.dannyxu.com/article/20230526/1455318.html

随机推荐

  1. 在jekyll中使用卓越作为我的标记处理器

    我正在创建一个使用jekyll的网站。我用Remarkable写文章，当我在博客中查看它时，它的解析方式是不同的(可能是因为jekyll的默认处理器是kramdown)。有没有可能将jekyll的markdown处理器更改为卓越的处理器，以...

  2. 有没有办法在非jekyll站点嵌入Staticman评论系统？

    我在Github上托管了我的网站作为Github页面，没有使用任何静态网站生成器(例如: Jekyll)。我用我自己的设计和代码创建了我自己的HTML网页，我已经将我的网页作为Github页面托管。我想知道，有没有办法将Staticman评...

  3. 我可以在jekyll liquid中创建和操作贴图吗？

    我想在处理表格时计算总和，以便逐行渲染，但我需要列的总和，我需要每个列的计数器。{% assign cols = col1,col2 | split: , %} {% assign rows = row1,row2 | split: , %...

  4. 在Jekyll的Where过滤器中的液体标签

    以下内容：{% assign devices = site.data.equipment | where:department,sound | group_by:servicelocation %}正在帮助我从设备数据列表中创建一个按位置分...

  5. 在Jekyll Hook中访问在_config.yml中定义的变量

    如何从Jekyll::Hooks插件中访问站点变量(即在_config.yml中定义的变量)？我以为site.variable会这么做，但这引起了人们的注意：Error: undefined local variable or metho...

  6. 如何让jekyll在没有服务器的情况下运行？

    为了让我查看这个站点，我需要运行bundle exec jekyll serve并在我的web浏览器中打开服务器地址。如何在不运行命令的情况下查看站点。我在没有运行服务器的情况下进入_site并单击了index.html文件，并注意到了这一...

  7. 在Jekyll代码块标记上，管道|“和方括号[”正在转换为\|“和\[”

    我想在jekyll博客上显示一段代码。我使用以下语法：{% highlight javascript %} {% raw %}!-- Global site tag (gtag.js) - Google Analytics -- scrip...

  8. 在Jekyll博客中显示当前类别的帖子

    我想在Jekyll博客中显示当前类别的帖子。所以，我像下面这样写了代码。div class=side-left col-sm-4 col-md-4 {% for category in site.categories %} {%...

  9. 如何在Jekyll中使用液体生成的JSON作为_data“site.data对象？

    使用Liquid，我试图构建一个包含所有Jekyll帖子中的数据的JSON对象(skills.json)。当我根据https://jekyllrb.com/docs/datafiles/将此文件放在我的项目根目录下的_data文件夹中时，尝...

  10. 如何在Jekyll/github-pages托管网站上按课程组织笔记？

    我有兴趣收集一些我的课堂笔记，并将它们放在我的个人网站上，与其他学生分享，供我自己参考。从本质上讲，我希望每个讲座的笔记都存在于{me}.github.io/notes/{class}/lecture_{number}.html我首先为每个...