PandaBoo 博客商品展示生成器

粘贴 PandaBoo 商品链接 → 自动获取首图与价格 → 生成与站点一致的响应式卡片（桌面 3 列 / 手机 1 列），复制回博客即可

① 添加商品

自动获取通过公开 CORS 代理读取商品页的 og:image 与结构化价格数据。若某项没抓到，直接在下方卡片里补填即可。

② 核对 / 编辑商品（0）

还没有商品，先在上面添加一个吧。

③ 效果预览

缩小窗口到 600px 以下可看到手机端“一行一个”。实际发布后会套用 PandaBoo 站点样式，效果与本站原生卡片一致。

④ 复制 HTML 代码

把下面代码粘贴到 PandaBoo 博客编辑器的「源码 / HTML」模式即可。用的是站点原生 bt4 卡片类，发布后自动套用站点样式。