将自定义CSS添加到Jekyll

沃梦达教程前端问题

2022-01-01

Add custom css to Jekyll(将自定义CSS添加到Jekyll)

本文介绍了将自定义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？

谢谢！