将自定义 css 添加到 Jekyll

Question

我是 Jekyll 的新手，我正在制作一个按顺序自定义 html 和 css 的站点。 Jekyll 默认下载 minima 主题，所以我用以下 html:

覆盖了主页

<!DOCTYPE html>
<html>

<head>
    <title>testsite</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>

<body>

    all my html

    <script>
           $.ajax(an ajax call);        
    </script>

</body>
</html>

我想添加自定义样式表，但无法正确 link 进入主题。我在网上查过，但很多论坛的文件夹结构似乎都不正确。

这是当前结构。

--layouts
  -home.html
--posts
--site
  --assets
    -main.css
    -main.css.map
  --jekyll
    --update
  --privacy
  -index.html
--jekyll-cache
-config.yml
-Gemfile
-Gemfile.lock
-index.markdown

我的问题是，是否有一种简单的方法可以添加在所有页面上线时都适用的样式表？我可以 link 一个样式表以正常的方式 id 做它，但是当上传到 github 时它不起作用。从没有主题的构建开始会更好吗？如果是这样，我该如何设置 gemfile？

谢谢！

Answer 1

非常简单的方法。我喜欢它。以下是如何进行：

从您的配置中删除 Minima file/project
创建目录_includes
在_includes
使用 {% include header.html %}
Link header.html 文件中的新 CSS

没有主题（和插件）的 Jekyll 好多了。寻找更多？ https://www.jekyllcodex.org

将自定义 css 添加到 Jekyll

Add custom css to Jekyll

css

jekyll