我在学哲基尔。我完成了一步一步的教程: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
1条答案
按热度按时间h9vpoimq1#
我没有遇到过这种情况,但可以通过在
item.name
之后添加| strip
来修复,如下所示:_includes/nav.html
编辑:在OP的情况下,似乎是由缩进的间距引起的。要解决这个问题,必须将任何出现的
{{
替换为{{-
,将}}
替换为-}}
,将{%
替换为{%-
,将%}
替换为-%}
。以下是reference。