如何将 RAW css 加载到 Jekyll 中？

【问题标题】：How to load RAW css into Jekyll?如何将 RAW css 加载到 Jekyll 中？
【发布时间】：2020-07-24 21:05:03
【问题描述】：

我有

<link rel="stylesheet" href="/assets/css/my_file.css">

在一个简单的索引页面上

这个 .css 文件位于 _assets/css/my_file.css

但是当我加载我的页面时它不会被加载。如果我尝试localhost:4000/assets/css/my_file.css，我会转到 404 页面。

【问题讨论】：

【解决方案1】：

在 jekyll 中检查 _config.yml 中的 baseurl

baseurl: "" # the subpath of your site, e.g. /blog

对于本地开发，只使用上面的空字符串，然后像这样导入 css。

<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/style.css">

图片：

<img src="{{ site.baseurl }}/assets/img/logo.svg" alt="logo" class="logo"/>

【讨论】：

【解决方案2】：

您需要在根目录中创建assets/css 文件夹并将my_file.css 保存在其中。

现在它将显示在您生成的_site 文件夹中，并且可以在http://localhost:4000/assets/css/my_file.css 获得

要将其包含在您的标题中，请使用

<link rel="stylesheet" href="{{ "/assets/css/my_file.css" | prepend: site.baseurl }}">

你可以走了。

【讨论】：