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

我最近开始使用cdn来加速图像。原始img src类似于

/images/effect.png

，我想为所有文章内容图像src添加一个前缀

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

我知道最好的解决办法是改变所有的文章。另一个解决方案是使用javascript来实现（但它似乎仍然下载originimg）

我只想使用纯css

（更新1） 我正在使用jekyll作为后端。因为我用markdownpad写文章，所以它只能用

预览img！[]（/images/effect.png）

，所以我不想使用

{%img url%}

---

有人能帮我添加一个前缀吗？

CSS绝对不能这样做。也许

可以做到这一点，但这也会影响您的站点内链接和JS/CSS URL

---

您必须手动全部更改它们。很抱歉希望您的后端有一个模板引擎。

我使用jekyll。我用markdownpad写文章，我可以用

预览img！[]（/images/effect.png）

。但是kramdown的Jekyll无法在图像中添加一些后期处理过滤器。Jekyll可以使用{%img url%}标记，但这不是降价。所以markdownpad无法预览。你确定jekyll不能帮你处理吗？我对它知道的不多，但我认为它相当灵活。我同意没有自动的方法来做这件事，这是一篇很好的相关文章：