我一直在Jekyll网站/博客上为某人工作,而CSS在为网站首页以外的其他内容工作时遇到了问题。这使我认为样式表HREF是一个问题。 Chrome开发工具中也出现此错误:
GET https://tanglesandtwists.github.io/macrame/11/17/2018/assets/css/main.css net::ERR_ABORTED 404
Here is the website 和 Here is the github project
当我在命令行上运行jekyll serve
时,网站的样式表在本地主机上都可以正常工作。这使我感到极大的困惑。我了解该字体不希望加载,因为它调用的是HTTP而不是HTTPS,但这不是外部的,并且位于目录的单独文件夹中。
这是我叫我应该起作用的树:
├───about
├───assets
│ ├───css
│ ├───images
│ │ ├───hero
│ │ ├───posts
│ │ └───thumbnail
│ └───javascripts
│ └───plugins
├───macrame
│ └───11
│ └───17
│ └───2018
第81行的macrame / 11/17/18中的文件调用:
<link rel="stylesheet" href="assets/css/main.css">
任何帮助都将不胜感激。我以前从未使用过Jekyll,但是我发现它非常适合为不了解HTML,CSS,JS,JQuery等的客户制作网站。
答案 0 :(得分:0)
更改此:
<link rel="stylesheet" href="assets/css/main.css">
对此:
<link rel="stylesheet" href="/assets/css/main.css">
您的路径应该是绝对路径(相对于网站的根目录)。