html Jekyll在链接前后添加多余空格

jecbmhm3  于 2023-02-14  发布在  其他
关注(0)|答案(1)|浏览(151)

我在学哲基尔。我完成了一步一步的教程:https://jekyllrb.com/docs/step-by-step/01-setup/
变量似乎在前后生成空格。例如,www.example.com现在输出以下内容:item.name is now outputting the following:

<a href="#"> Home </a>
<a href="#"> Blog </a>
<a href="#"> About </a>
<a href="#"> Staff </a>

在每个链接后面都有一个空格,很难看,可能会导致样式错误。
我一定要成功,而不是那样做吗?我是强迫症吗?还是我做错了?
参考:
_includes/nav.html

<nav>
  {% for item in site.data.nav %}
  <a href="{{ item.link }}" {% if page.url==item.link %}class="current" {% endif %}>
    {{ item.name }}
  </a>
  {% endfor %}
</nav>

当前 * 类

.current {
  color: green;
}

_数据/导航yml

- name: Home
  link: /
- name: About
  link: /about.html
- name: Blog
  link: /blog.html
- name: Staff
  link: /staff.html
h9vpoimq

h9vpoimq1#

我没有遇到过这种情况,但可以通过在item.name之后添加| strip来修复,如下所示:
_includes/nav.html

<nav>
  {% for item in site.data.nav %}
  <a href="{{ item.link }}" {% if page.url==item.link %}class="current" {% endif %}>
    {{ item.name | strip }}
  </a>
  {% endfor %}
</nav>

编辑:在OP的情况下,似乎是由缩进的间距引起的。要解决这个问题,必须将任何出现的{{替换为{{-,将}}替换为-}},将{%替换为{%-,将%}替换为-%}。以下是reference

相关问题