Jekyll：如何在 CSS 文件中正确使用 Liquid 标签（内联样式和内容安全策略合规性）

Question

在 Jekyll 的 HTML 页面中，我有以下内联样式：

为了防止任何 CSP 违规/错误，在标头中我将 CSP 设置如下：

style-src 'self' 'unsafe-hashes' 'sha256-GlN6IkeSF4fF9C8zesLvRQRzAe2/ztqCm4T50cOnYvY='

但我仍然在一些浏览器（例如 Google Chrome 和 Microsoft Edge）中收到以下警告：

不应使用 CSS 内联样式，将样式移动到外部 CSS 文件

因此，我尝试将内联样式移动到外部 CSS 文件，如下所示：

1. 在 CSS 文件的开头添加了一个空的 YAML 块
2. 添加了以下包含 Liquid 标签的 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 文件？