将自定义CSS添加到Jekyll [英] Add custom css to 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？
谢谢！
推荐答案
非常简单的方法。我爱死它了。以下是如何继续操作：
- 从配置文件/项目中删除Minima
- 创建目录_include
- 将标题移到_include中的header.html
- 使用{%include header.html%}调用home.html(和任何其他布局)文件中的标头
- 在header.html文件中链接新CSS
没有主题(和插件)的Jekyll要好得多。正在查找更多信息？https://www.jekyllcodex.org
这篇关于将自定义CSS添加到Jekyll的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
