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

标签 html css ruby jekyll jekyll-extensions

最近开始使用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/

相关文章:

ruby - 每当 gem 每 2 秒不工作时

ruby - 如何删除 ruby 中的不可打印/不可见字符?

html - 我有位置,但 z 索引不起作用

html - 从子 div 中删除/禁用 CSS webkit 样式

html - 相同的部分在两个相同的应用程序中表现不同

html - 为什么 visual studio code 用红色下划线标记一行,如果不是,就好像这是一个错误?

php - 如何在不换行的情况下添加这些多个 apply_filters(content, value)?

html - 使我隐藏的单选按钮可制表/508 兼容

html - 100% 宽度弄乱了填充

ruby - Bunder 需要 yaml/logger