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

自动生成导航中的Jekyll-CSS链接?,jekyll,Jekyll,我刚遇到一个很奇怪的问题。为了列出我在页面顶部导航中创建的静态页面,我使用 {% for page in site.pages %} <a href="{{ page.url | prepend: site.baseurl}}">{{ page.title }}</a> {% endfor %} 有人知道为什么在这里插入.css文件作为链接吗 我确实将标题中的*.css称为: <link rel="stylesheet" type="text/css" href=

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

{% for page in site.pages %}
<a href="{{ page.url | prepend: site.baseurl}}">{{ page.title }}</a>
{% endfor %}
有人知道为什么在这里插入.css文件作为链接吗

我确实将标题中的*.css称为:

<link rel="stylesheet" type="text/css" href="{{ "/css/style.css" | prepend: site.baseurl }}">
最终站点结构(关于css):


这就是为什么原始的
jekyll new mysite
创建了一个导航(_includes/header.html),其中包含:

{%用于site.pages%}
{%if page.title%}
{%endif%}
{%endfor%}
菜单中只有带有标题的页面

所有有封面的东西,不是帖子或收藏,都是一页。因此,您的SCS、feed.xml等都是页面

为您希望在菜单中看到的页面提供标题,并使用
{%if page.title%}
筛选

<link rel="stylesheet" type="text/css" href="{{ "/css/style.css" | prepend: site.baseurl }}">
/css/style.scss (sets a few variables and imports elements from /_scss)
/_scss/_main.scss
/_scss/_mobile.scss
/css/style.css
    {% for page in site.pages %}
      {% if page.title %}
      <a class="page-link" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a>
      {% endif %}
    {% endfor %}