为所有网站内容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。

您必须手动更改所有内容。抱歉。希望你的后端有一个模板引擎。