为GitHub页面自定义Jekyll远程主题

时间:2018-03-05 17:52:21

标签: jekyll github-pages jekyll-theme

我刚开始在GitHub页面上使用Jekyll主题。我能够在Customizing your Jekyll theme's CSS之后成功自定义本地主题,但是如果主题是远程的话,我找不到任何关于该怎么做的文档。

这是我尝试过的。首先,我从一个干净的GitHub页面开始,然后按照Adding a Jekyll theme in your site's _config.yml file中的步骤4来选择加入my theme,这是从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不存在。 enter image description here 所以我也试过了

---
---

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

但导入仍然失败。 enter image description here

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

1 个答案:

答案 0 :(得分:0)

对于处于类似情况的任何人,这里都适合使用Minimal mistakes主题作为远程主题。

它没有assets/css/style.scss,但是有一个assets/css/main.scss,然后将其导入_sass下的所有部分文件。尝试按照官方文档的建议导入主括号或空括号,无效。要做的方法是复制主主题的文件,然后对其进行自定义。

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