将自定义CSS添加到Jekyll

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?

谢谢!

推荐答案

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

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

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

这篇关于将自定义CSS添加到Jekyll的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

wkhtmltopdf print-media-type uses @media print ONLY and ignores the rest(Wkhtmltopdf print-media-type仅使用@media print,而忽略其余内容)
Minify CSS with Node-sass(使用Node-Sass缩小CSS)
How to rotate outer div not inner content(如何旋转外部div而不是内部内容)
how to apply css transform to child on parent hover(如何对父级悬停时的子级应用CSS变换)
Only transition a transform in css?(是否仅在css中转换转换?)
CSS transform doesn#39;t change CSS layout(Css转换不会更改css布局)