Jekyll

Question

我刚遇到一个很奇怪的问题。为了在页面的顶部导航中列出我创建的静态页面，我使用了

{% for page in site.pages %}
<a href="{{ page.url | prepend: site.baseurl}}">{{ page.title }}</a>
{% endfor %}

出于某种原因，jekyll serve 之后的输出将创建：

<a href="/jekyll/">Index</a>
<a href="/jekyll/css/style.css"></a>
<a href="/jekyll/projects/">Projects</a>

有谁知道为什么 .css 文件作为 link?

插入此处

我在 header 中调用 *.css 为：

<link rel="stylesheet" type="text/css" href="{{ "/css/style.css" | prepend: site.baseurl }}">

我使用 SCSS 来创建我的最终 css:

根结构：

/css/style.scss (sets a few variables and imports elements from /_scss)
/_scss/_main.scss
/_scss/_mobile.scss

最终 _site 结构（关于 css）：

/css/style.css

Answer 1

这就是原始 jekyll new mysite 创建导航 (_includes/header.html) 的原因：

    {% for page in site.pages %}
      {% if page.title %}
      <a class="page-link" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a>
      {% endif %}
    {% endfor %}

菜单中只有带标题的页面。

所有有封面的东西，不是 post 或 collection，都是页面。所以，你的scss，feed.xml等等都是pages.

为您希望在菜单中看到的页面指定标题，并使用 {% if page.title %} 过滤器。

Jekyll - CSS Link 在自动生成的导航中？

Jekyll - CSS Link in automatically generated navigation?