如何解决将自定义CSS添加到Jekyll
我是Jekyll的新手,我正在按顺序制作一个包含自定义html和CSS的网站。 Jekyll默认情况下会下载极简主题,因此我使用以下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
我的问题是,有没有一种简单的方法来添加样式表,该样式表在上线时可以在所有页面上使用?我可以用正常的方式链接样式表,但是上传到github时不起作用。从没有主题的构建开始会更好吗?如果是这样,我该如何设置gemfile?
谢谢!
解决方法
非常简单的方法。我喜欢它。操作方法如下:
- 从配置文件/项目中删除最低要求
- 创建一个目录_includes
- 将头移到_includes中的header.html
- 使用{%include header.html%} 调用home.html(和其他布局)文件中的标题。
- 在header.html文件中链接新的CSS
没有主题(和插件)的Jekyll更好。寻找更多? https://www.jekyllcodex.org
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。