最近开始使用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 添加前缀?
最佳答案
CSS 绝对做不到这一点。也许<base>
会这样做,但这也会影响您的站内链接和 JS/CSS URL。
您必须手动更改它们。对不起。希望您的后端有一个模板引擎。
关于html - 为所有网站内容 img src 添加前缀,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23852440/