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。

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