自动生成导航中的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 %}