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
}

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

最后更新于 2026-04-05 17:35:33
Code Road Record