5

我是在 GitHub 页面上使用 Jekyll 主题的新手。在自定义 Jekyll 主题的 CSS之后，我能够成功自定义本地主题，但我找不到任何关于如果主题是远程的该怎么做的文档。

这是我尝试过的。首先，我从一个干净的 GitHub 页面开始，然后按照在站点的 _config.yml 文件中添加 Jekyll 主题中的步骤4选择加入从 GitHub 的默认主题派生的主题

_config.yml：

     github: [metadata]
     encoding: UTF-8
     kramdown:
         input: GFM
         hard_wrap: false
     future: true
     jailed: false
-     theme: jekyll-theme-primer
+     remote_theme: chuanqisun/primer
     gfm_quirks: paragraph_end

在这一点上，一切都是开箱即用的。但是当我添加

---
---

@import "{{ site.theme }}";

在 /assets/css/style.scss 中，GitHub Page 抱怨 site.theme 不存在。 在此处输入图像描述 所以我也试过

---
---

@import "{{ site.remote_theme }}";

但导入仍然失败。 在此处输入图像描述

有谁知道是否可以自定义远程主题？我知道我可以在我的分叉存储库中进行自定义，但是一些自定义是特定于一个站点的，我想将其存储在我站点的存储库中。通过这种方式，我可以与多个站点共享主题，而无需对其他站点强制执行一个站点的自定义。谢谢！

4

1 回答 1

1

对于处于类似情况的任何人，这对我有用，使用最小错误主题作为远程主题。

它没有assets/css/style.scss，而是一个assets/css/main.scss，然后将所有部分文件导入_sass. 尝试按照官方文档的建议导入主括号或空括号是行不通的。要走的路是复制主主题的文件，然后自定义它。

所以在这种情况下，我创建了一个本地副本assets/css/main.scss并附加了所需的 css 更改。这已经足够了。如果一个主题没有一个将所有内容捆绑在一起的中央文件，您可能需要复制更多文件，但仅此而已。

于 2020-04-23T11:55:40.850 回答