html - 为所有网站内容添加前缀 img src

Question

我最近开始使用 cdn 来加速图像。来源 img src 类似于/images/effect.png，我想为所有文章内容图像 src 添加前缀。

div.entry-content p > img {
    content:attr(src,'http://cdn.example.com'+src)
}

我知道最好的解决方案是更改所有文章。另一种解决方案是使用javascript来做到这一点（但似乎仍然要下载原始img）。

我只想使用纯CSS。

（更新 1）我使用 jekyll 作为后端。因为我用markdownpad写文章，只能预览img ![](/images/effect.png)，所以不想用{% img url %}。

谁能帮我添加 img src 前缀？

Answer 1

CSS 绝对不能做到这一点。也许<base>会这样做，但这也会影响您的站内链接和 JS/CSS URL。

您必须手动更改它们。对不起。希望你的后端有一个模板引擎。