Jekyll 在链接前后添加不需要的空间

问：

我正在学习 Jekyll。我完成了分步教程：https://jekyllrb.com/docs/step-by-step/01-setup/

变量似乎在之前和之后生成空格。例如。item.name 现在正在输出以下内容：

<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 类

.current {
  color: green;
}

_data/nav.yml

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