为所有网站内容添加前缀 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写文章，只能用![](/images/effect.png)预览img，所以不想用{% img url %}。

谁能帮我加个img src前缀？

Answer 1

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

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