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 文件作为链接插入此处？

我在标题中将* .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 %}

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

所有具有前端内容的内容，不是帖子或集合，都是一个页面。所以，你的scss，feed.xml等都是页面。

在菜单中为您要查看的页面标题为{% if page.title %}。

Jekyll - 自动生成导航中的CSS链接？

1 个答案: