导航中没有指向我的 rss feed 的实际链接,但它在菜单中的另一个边框顶部添加了一个 css
border
,这看起来很难看。那么如何从我的导航中删除提要?
jekyll-feed gem 为 feed 输出一个
li
导航菜单
<nav id="menu">
<ul class="links">
{% for page in site.pages %}
{% if page.layout == "home" %}
<li><a href="{{ "" | absolute_url }}">{{ page.title }}</a></li>
{% endif %}
{% endfor %}
{% for page in site.pages %}
{% if page.layout != "home" %}
<li><a href="{{ page.url | absolute_url }}">{{ page.title }}</a></li>
{% endif %}
{% endfor %}
<div class="content">
<ul class="actions">
<li><a href="#contact" id="contact-btn">Contact</a></li>
</ul>
</div>
</ul>
<ul class="actions vertical">
<li><a href="#" class="button special fit">Subscribe to Newsletter</a>
</li>
</ul>
</nav>
导航 HTML
<nav id="menu">
<ul class="links">
<li><a href="#">Home</a></li>
<li><a href="#/about.html">about</a></li>
<li><a href="#/archive.html">archive</a></li>
<li>
<a href="#/feed.xml"></a>
</li>
<li>
<a href="#/feed.xslt.xml"></a>
</li>
<div class="content">
<ul class="actions">
<li><a href="#contact" id="contact-btn">Contact</a></li>
</ul>
</div>
</ul>
<ul class="actions vertical">
<li><a href="#" class="button special fit">Subscribe to Newsletter</a>
</li>
</ul>
</nav>
我认为以下代码应该适合您:
<nav id="menu">
<ul class="links">
<li><a href="#">Home</a></li>
{% for page in site.pages %}
{% if page.layout == "home" or page.url contains ".xml" %}
{% else %}
<li><a href="{{ page.url }}">{{ page.title }}</a></li>
{% endif %}
{% endfor %}
<div class="content">
<ul class="actions">
<li><a href="#contact" id="contact-btn">Contact</a></li>
</ul>
</div>
</ul>
<ul class="actions vertical">
<li><a href="#" class="button special fit">Subscribe to Newsletter</a>
</li>
</ul>
</nav>
请注意,我删除了页面上的额外循环以使构建更快。我还认为不需要absolute_url声明。您确定要在 ul 内打开 div 吗?
对于那些在使用默认 Minima gem 时正在寻找禁用
feed.xml
的方法的人:
无法完全摆脱
jekyll-feed
gem,因为它是主题 gem 本身的 依赖项,但您可以通过从 {%- feed_meta -%}
中删除 _layouts/base.html
将其从生成的 HTML 中隐藏。