将自定义CSS添加到Jekyll

2022-03-16 00:00:00 css jekyll

我是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>

我希望添加自定义样式表,但在主题内正确链接时遇到问题。我已联机检查过,但许多论坛的文件夹结构似乎不正确。

这里是当前结构。

--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

我的问题是,有没有一种简单的方法可以添加一个在活动时可以在所有页面上使用的样式表?我可以用正常的id方式链接样式表,但是上传到GitHub时不起作用。从没有主题的构建开始会更好吗?如果是,我如何设置gefile?

谢谢!


解决方案

非常简单的方法。我爱死它了。以下是如何继续操作:

  1. 从配置文件/项目中删除Minima
  2. 创建目录_include
  3. 将标题移到_include中的header.html
  4. 使用{%include header.html%}调用home.html(和任何其他布局)文件中的标头
  5. 在header.html文件中链接新CSS

没有主题(和插件)的Jekyll要好得多。正在查找更多信息?https://www.jekyllcodex.org

相关文章