Jekyll J1主题无法编辑CSS的问题求助
J1主题CSS编辑“找不到要导入的样式表”问题解决建议
确认J1主题核心样式文件路径
J1主题的核心SCSS文件通常存放在主题目录的_sass/j1或内部assets/css子目录下。你创建的/assets/css/style.scss中的导入语句必须匹配实际路径,比如核心样式为j1/core,则导入语句应为@import "j1/core";,而非教程中通用路径。检查SCSS文件的前置配置与导入顺序
J1主题对SCSS文件有严格要求:- 文件开头必须保留YAML前置元数据,否则Jekyll不会编译该文件:
--- --- - 导入顺序需遵循主题规范,通常先导入变量、重置样式,再导入核心组件,示例:
--- --- @import "j1/variables"; @import "j1/reset"; @import "j1/core"; // 此处添加你的自定义样式
- 文件开头必须保留YAML前置元数据,否则Jekyll不会编译该文件:
验证依赖安装完整性
执行bundle install确保所有Jekyll相关依赖(如sass-embedded,J1可能依赖该版本而非旧版sass)安装完成。若使用yarn site,需先执行yarn install安装前端依赖,并检查package.json中的脚本配置是否正确。使用主题推荐的自定义样式目录
部分J1主题提供专门的自定义SCSS目录(如_sass/custom),在此目录下创建自定义文件后,主题会自动导入该文件,无需手动修改主SCSS入口,可避免路径错误。清理缓存后重新构建
缓存可能导致路径识别异常,执行bundle exec jekyll clean清理缓存,再重新运行bundle exec jekyll serve或yarn site。
内容的提问来源于stack exchange,提问作者telezoic
相关产品推荐
相关产品推荐

