You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Jekyll无法检测样式表求助:已关联仍提示styles.css文件未找到

解决Jekyll样式表找不到的问题

你的问题出在样式表的相对路径上:../assets/stylesheets/styles.css这个路径在Jekyll生成的站点中会出错——当页面位于站点根目录时,../会指向根目录的上级目录,自然找不到assets文件夹。

给你两种可行的解决方案:

  • 使用站点根目录绝对路径
    直接以/开头指定路径,确保不管页面在哪个层级,都会从站点根目录开始查找样式表:

    <link rel="stylesheet" href="/assets/stylesheets/styles.css">
    
  • 适配子目录部署的通用写法
    如果你的站点需要部署到子目录(比如https://xxx.com/blog),用Jekyll内置的site.baseurl变量更稳妥:

    1. 先在_config.yml中设置baseurl(根目录部署则设为""):
      baseurl: "/blog" # 示例,根据实际部署路径调整
      
    2. 修改样式表引用:
      <link rel="stylesheet" href="{{ site.baseurl }}/assets/stylesheets/styles.css">
      

修改完成后,重启jekyll serve --livereload,刷新页面就不会再出现样式表找不到的错误了。

内容的提问来源于stack exchange,提问作者Skrillx

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.17 01:19:54