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

基于Jekyllrb的网站CSS效果失效,合并主题制作作品集遇问题求助

Jekyll主题合并问题排查指南
  • CSS依赖未完整引入
    你只复制了CSS变量,但jekyll-freelancer的卡片网格需要完整的CSS规则支撑——比如网格布局的grid-template-columns、卡片的内外边距、圆角等样式,仅靠变量无法让效果生效。检查是否遗漏了原主题_sass目录下的相关.scss文件,或者主CSS文件里有没有导入这些依赖样式。

  • HTML结构不匹配
    卡片网格需要对应的HTML层级结构,比如jekyll-freelancer的卡片一般是.portfolio-item嵌套.portfolio-link和.portfolio-caption这类结构。对比你当前的帖子HTML代码,看看是否和原主题的卡片结构一致,缺失层级会导致CSS找不到目标元素。

  • 模板变量冲突
    两个主题可能用了不同的模板变量名——比如帖子封面图,jekyll-minimal-resume可能用image,jekyll-freelancer用thumbnail,变量不匹配会导致图片无法正确渲染。检查你帖子开头的Front Matter(YAML部分),是否用对了指定图片的变量名。

  • 资源加载顺序错误
    你手动在

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.05 08:35:28