网站内置到_site中时,Jekyll _post不使用css

改善

使用:bundle exec jekyll serve时,我在_post中的帖子已应用了CSS。当我使用以下命令构建jekyll网站时:捆绑exec jekyll build; _post不再发布中的帖子已经应用了css,即使在html建站的源代码中,它们具有相同的<link rel="stylesheet" href="/assets/css/styles.css">

这是文章_layout:

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900" 
rel="stylesheet">
    <title>{{ page.title }}</title>
    <link rel="stylesheet" href="/assets/css/styles.css">
    <link rel="shortcut icon" type="svg/svg" href="assets/svg/users-dmitri13.svg">
  </head>
  <body>
   {% include navigation.html %}
   {{ content }}
   {% include footer--articles.html %}
  </body>

如果我取消开始的话<link rel="stylesheet" href="/assets/css/styles.css">css将显示在内置_site的文章页面上,但帖子将无法找到css。

帖子_layout:

---
layout: articles
---


<article class="article">
  <div class="header--large header--large--gradient">
      <div class="heading-primary--main-static header__text-box">
          <h1>{{ page.title }}</h1>
      </div>
  </div>

  <div class="article__content">
      <p>{{ page.date | date_to_string }} - {{ page.author }}</p>
      <div class="paragraph--big">
          {{ content }}
      </div>
  </div>

改善

<link rel="stylesheet" href="/assets/css/styles.css">当包含您所有文件的文件夹为根目录时,工程起作用。

使用bundle exec jekyll serve或托管在Web服务器上将使文件夹(包含所有文件)成为根目录。/assets/css/styles.css中的/告诉/<link rel="stylesheet" href="/assets/css/styles.css">开始在文件夹的根目录中查找。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

ReactJS 中的 jsx 不使用 CSS

来自分类Dev

CSS布局-不使用任何填充时的空白

来自分类Dev

CSS WOFF字体-部署时不使用@ Face-Font

来自分类Dev

nginx / uwsgi / flask在模板中不使用CSS文件

来自分类Dev

nginx / uwsgi / flask在模板中不使用CSS文件

来自分类Dev

在swift / obj c中编辑css文件而不使用javascript

来自分类Dev

如何在不使用 Jquery 的 Javascript 中修改此 css?

来自分类Dev

在 javaFX TextField 中设置文本颜色“不使用 CSS”

来自分类Dev

在css或html中悬停而不使用JQuery时,如何使用鼠标指针在图像上移动文本

来自分类Dev

在不使用jQuery的HTML和CSS中单击时显示隐藏div

来自分类Dev

当 CSS 中根本不使用 position 属性时,定义“位置:相对”有什么区别?

来自分类Dev

不使用Yii2命名约定的API中的Yii2 POST图像建模

来自分类Dev

在带有 redux 形式的 react js 中不使用 axios 发送 post 请求(在 post 请求中不发送任何内容)

来自分类Dev

使某些对象在单击时不可见,仅使用HTML和CSS,而不使用JS或jQuery

来自分类Dev

如何在不使用post和get方法的情况下将php文件执行到jquery中?

来自分类Dev

无法通过使用PHP中的file_get_content获取网站内容

来自分类Dev

如何使用CSS3在HTML div中制作菱形而不使用背景图片...?

来自分类Dev

SVG内置HTML时不使用字体

来自分类Dev

一揽子停止CSS不使用iframe层叠到某个元素

来自分类Dev

较少:配置`CSS Preprocessor`时,Netbeans 8.0不使用`Compiler options`。

来自分类Dev

选择子单选按钮时更改标签 CSS(不使用 javascript/jquery)?

来自分类Dev

不使用模板引擎时如何在 Express.js 视图中包含 CSS 文件?

来自分类Dev

使用HTML(Xcode)删除网站内容

来自分类Dev

Android使用InputStream获取网站内容

来自分类Dev

在jQuery中不使用

来自分类Dev

在不使用 iframe 的情况下将 Chatbot 集成到网站中

来自分类Dev

如何在不使用jQuery的情况下在指令中获取元素CSS?

来自分类Dev

CSS-在另一个样式列表中添加列表而不使用样式

来自分类Dev

如何在Selenium Webdriver中不使用JavaScript的情况下修改CSS属性

Related 相关文章

  1. 1

    ReactJS 中的 jsx 不使用 CSS

  2. 2

    CSS布局-不使用任何填充时的空白

  3. 3

    CSS WOFF字体-部署时不使用@ Face-Font

  4. 4

    nginx / uwsgi / flask在模板中不使用CSS文件

  5. 5

    nginx / uwsgi / flask在模板中不使用CSS文件

  6. 6

    在swift / obj c中编辑css文件而不使用javascript

  7. 7

    如何在不使用 Jquery 的 Javascript 中修改此 css?

  8. 8

    在 javaFX TextField 中设置文本颜色“不使用 CSS”

  9. 9

    在css或html中悬停而不使用JQuery时,如何使用鼠标指针在图像上移动文本

  10. 10

    在不使用jQuery的HTML和CSS中单击时显示隐藏div

  11. 11

    当 CSS 中根本不使用 position 属性时,定义“位置:相对”有什么区别?

  12. 12

    不使用Yii2命名约定的API中的Yii2 POST图像建模

  13. 13

    在带有 redux 形式的 react js 中不使用 axios 发送 post 请求(在 post 请求中不发送任何内容)

  14. 14

    使某些对象在单击时不可见,仅使用HTML和CSS,而不使用JS或jQuery

  15. 15

    如何在不使用post和get方法的情况下将php文件执行到jquery中?

  16. 16

    无法通过使用PHP中的file_get_content获取网站内容

  17. 17

    如何使用CSS3在HTML div中制作菱形而不使用背景图片...?

  18. 18

    SVG内置HTML时不使用字体

  19. 19

    一揽子停止CSS不使用iframe层叠到某个元素

  20. 20

    较少:配置`CSS Preprocessor`时,Netbeans 8.0不使用`Compiler options`。

  21. 21

    选择子单选按钮时更改标签 CSS(不使用 javascript/jquery)?

  22. 22

    不使用模板引擎时如何在 Express.js 视图中包含 CSS 文件?

  23. 23

    使用HTML(Xcode)删除网站内容

  24. 24

    Android使用InputStream获取网站内容

  25. 25

    在jQuery中不使用

  26. 26

    在不使用 iframe 的情况下将 Chatbot 集成到网站中

  27. 27

    如何在不使用jQuery的情况下在指令中获取元素CSS?

  28. 28

    CSS-在另一个样式列表中添加列表而不使用样式

  29. 29

    如何在Selenium Webdriver中不使用JavaScript的情况下修改CSS属性

热门标签

归档