在Visual Studio Code中用正则表达式查找替换，替换Shopify资产引用为CDN链接

1. 配置查找正则表达式 #

打开VS Code的查找替换面板（快捷键Ctrl+H），开启正则表达式模式（点击面板右上角的.*按钮），在「查找」框中输入：

{{'([^']+)' \| asset_url }}

该正则会精准匹配Shopify的资产引用格式，捕获单引号内的文件名部分。

2. 设置替换内容 #

在「替换」框中输入你的CDN基础URL加上捕获到的文件名：

https://cdn.mywebsite.com/$1

这里的$1对应正则中捕获的文件名，会自动替换为匹配到的具体资产名称。

3. 执行替换 #

• 点击「替换」按钮逐个处理匹配项
• 或者点击「全部替换」一次性替换所有符合条件的资产引用

示例 #

• 原字符串：

{{'220628_sessiproducts_day-11008.webp' | asset_url }}

• 替换后结果：

https://cdn.mywebsite.com/220628_sessiproducts_day-11008.webp

内容的提问来源于stack exchange，提问作者Jean-Baptiste Kaloya