Question

我正在编辑基于jekyll的博客。虽然我打算为我的博客主题中的所有页面使用相同的标题，但有些页面却错过了获取CSS的页面。这是关于文件夹结构的简短说明。

match文件夹中的parse()有RegExp.prototype.exec样式表

的链接

deafult.html

_layout文件夹中的font-awesome如下：

<head>
<link rel="stylesheet" href="css/font-awesome-4.7.0/css/font-awesome.min.css">
</head>

header.html文件夹中的_layout文件开头如下：

<header class="navigation">
  <a href="/" class="logo" title="blog home">
    <img src="/static/home.png" alt="home">
  </a>
  <nav>
    <ul>
      <li class="no-bullet"><a href="/"><i class="fa fa-keyboard-o" aria-hidden="true"></i> posts </a></li> |
      <li class="no-bullet"><a href="/archive"><i class="fa fa-archive" aria-hidden="true"></i> archive </a></li> |
      <li class="no-bullet"><a href="/about"><i class="fa fa-user" aria-hidden="true"></i> about </a></li> |
      <li class="no-bullet"><a href="/atom.xml" target="_blank"><i class="fa fa-rss-square" aria-hidden="true"></i> rss </a></li>
    </ul>
  </nav>
</header>

<h1 class="bigtitle">
   <i class="fa fa-user-secret" aria-hidden="true"></i>
 Blog title
</h1>
<h1 class="subtitle">
     Some blog
</h1>

<hr />

index.md文件夹中的archive开头如下：

---
layout: post
title: Archives
skip_related: true
---

基本文件夹中的原始post.html具有以下结构，并正确显示所有字体真棒模块。

_layout

然而，archieve文件夹中的index.md并没有显示所有字体很棒的模块。

更具体地说，--- layout: default --- {% include header.html %}仍为空白。

总结：

index.md包含指向font-awesome样式表的链接。
--- layout: default title: Blog Posts ---选择默认布局（因此，default.html）
<i class="fa fa-user-secret" aria-hidden="true"></i>会选择帖子布局（后者会选择默认布局）如果不是这样，我该怎么办？

我错过了什么？为什么index.md会获取所有其他字体真棒模块而不是default.html标签中的模块？

Answer 1

在你的default.html中，你得到了字体真棒CSS错误的链接。

看起来像这样：

<link rel="stylesheet" href="css/font-awesome-4.7.0/css/font-awesome.min.css">

......但它应该是这样的：

<link rel="stylesheet" href="/css/font-awesome-4.7.0/css/font-awesome.min.css">

换句话说，您只需将css/...更改为/css/...。

使用斜杠，它始终链接到根级别的css文件夹：

http://example.com/css/font-awesome...

您的原始代码（不带斜线），是指向当前文件夹下方的css子文件夹的相对链接。
由于default.html已嵌入到每个页面并在您的网站中发布，因此浏览器会根据页面的位置搜索不同文件夹中的字体文件。

在http://example.com/index.html中，它转到：

http://example.com/css/font-awesome...

（这就是你的索引页面有效的原因）

但在http://example.com/archive/index.html中，指向font-awesome的链接实际上会转到此文件夹：

http://example.com/archive/css/font-awesome...

...这不存在 - 这就是为什么您的存档页面（以及每个不是根目录的文件夹中的每个其他页面）都不会提取字体真棒。

链接基于jekyll的站点中所有布局的样式表

1 个答案: