在 Jekyll 的 HTML 页面中,我有以下内联样式:
为了防止任何 CSP 违规/错误,在标头中我将 CSP 设置如下:
style-src 'self' 'unsafe-hashes' 'sha256-GlN6IkeSF4fF9C8zesLvRQRzAe2/ztqCm4T50cOnYvY='
但我仍然在一些浏览器(例如 Google Chrome 和 Microsoft Edge)中收到以下警告:
不应使用 CSS 内联样式,将样式移动到外部 CSS 文件
因此,我尝试将内联样式移动到外部 CSS 文件,如下所示:
.myClass { background-image: url({% if latest_post.image contains "://" %}{{ latest_post.image }}{% else %} {{site.baseurl}}/{{ latest_post.image}}{% endif %});高度:320px; }
但是,添加到CSS文件中的Liquid标签没有被处理。事实上,在生成的 HTML 页面中,我只看到以下空的 HTML 标记,并且背景图像相应地没有显示在页面中。
< div class="myClass">< /div>
我希望根据 CSS 配置看到背景图像。
是否可以将内联样式和那些 Liquid 标签正确移动到外部 CSS 文件?