Loading...

消除VS-Code在检查style标签里面的-CSS-代码时产生的语法警告

阅读 ...

在这里插入图片描述 这个错误是编辑器的 CSS 校验器 不认识 Hugo 模板语法导致的假报错

主要是在项目的 terms.html 文件中,有一段内联 CSS:

1
2
3
CSSbackground: linear-gradient(135deg, 
    {{ ... }} 0%, 
    {{ ... }} 100%);

编辑器看到 {{ ... }} 这些内容时,以为这是普通的 CSS 代码,但实际上,这些 {{ }}Hugo 的模板指令,这种假报错虽然不会影响站点运行,并且 hugo server 能正常启动、页面显示也没问题。

不过,想消除也不是没有办法,且看:

在项目的根目录下创建一个【.vscode】文件夹📂,然后创建一个【settings.json 】文件:

1
2
3
4
5
{
  "css.validate": false,
  "less.validate": false,
  "scss.validate": false
}

之后错误❌就消失了: 在这里插入图片描述

本文由 iamxurulin 原创发布,转载请保留原文链接。
最后更新于 2026-08-23 17:21:42
关于作者与文章

本文为 iamxurulin 原创技术文章。如对内容有疑问或建议,欢迎在评论区交流讨论。

Coder_Studio - 记录后端开发、算法与 AI 的成长之路