Instagram 的嵌入代码被锁定为 540px，并紧贴内容左侧，因为 Instagram 把这些规则以内联样式写在了嵌入元素上。粘贴代码，设置宽度和对齐方式，即可复制回一段可用于 WordPress、Squarespace、Webflow、Ghost 或纯 HTML 的代码。
粘贴嵌入代码或帖子链接
可以粘贴 Instagram 的完整嵌入代码、单独的 blockquote，或者只粘贴帖子链接 —— /p/、/reel/ 和 /tv/ 网址都支持。丢失脚本标签或被 Markdown 编辑器弄乱的代码会自动修复。
设置宽度与对齐
在 326px 到 540px 之间拖动宽度滑块，这是 Instagram 真正认可的范围，也可以选择「填满容器」。选择左对齐、居中或右对齐 —— 每个宽度下居中都是精确的，因为居中的是外层容器，而不是嵌入本身。
查看实时预览
加载预览即可用您的设置看到真实、已渲染的嵌入，还能在桌面、平板和手机栏宽之间切换。预览会在每次修改后完全重建，所以您看到的高度就是最终得到的高度。
复制代码并粘贴
复制完整 HTML、不含脚本标签的版本，或改用一条全局 CSS 规则。在 WordPress 中请粘贴到「文本」或「自定义 HTML」视图 —— 可视化编辑器会删除脚本标签，嵌入将无法显示。
嵌入靠左是因为 Instagram 的脚本把 margin: 0 0 12px 作为内联样式直接写在嵌入上，左右都没有留出用于居中的外边距。这与您的主题无关，普通 CSS 规则也无法战胜内联样式。正确做法是把嵌入放进一个设置了 margin-left: auto 和 margin-right: auto 的容器里，这正是本工具生成的代码。
Instagram 通过在它创建的 iframe 上写内联 max-width，把嵌入限制在 540px，因此更宽的容器完全没有作用。支持的范围是 326px 到 540px —— 低于 326px 时嵌入会溢出而不是缩小。本工具提供一个高级选项，用 !important 强制更宽的盒子，但 Instagram 并不支持，而且媒体会被放大到超过源分辨率，看起来可能发虚。
无法用 CSS 设置高度，因为 Instagram 的脚本会测量自身内容，并在加载后把高度写进嵌入，覆盖您声明的任何值。本工具用两种模式诚实处理这一点：「计算高度」会预测您在所选宽度下得到的高度，并且不输出任何高度 CSS；「强制固定比例」会用真正的宽高比盒子约束嵌入，但会裁掉标题文字和底部。
不需要 —— 无论页面上有多少个嵌入，embed.js 每页只需加载一次。如果您的主题或另一个嵌入已经加载了它，请使用「无脚本」输出以保持 HTML 干净。如果页面上没有其他地方加载它，就保留脚本标签，否则 blockquote 永远不会变成真正的帖子。
WordPress 的可视化编辑器会剥离 script 标签，所以在那里粘贴会悄悄移除加载脚本，只留下一片空白或一个纯链接。请在经典编辑器中粘贴到「文本」标签，或在区块编辑器中使用「自定义 HTML」区块，嵌入就会正常渲染。任何在保存时清理 HTML 的编辑器都适用同一条规则。
支持，Reels 与普通帖子完全一样 —— 粘贴 /reel/ 或 /reels/ 网址，或 Instagram 为 Reel 提供的嵌入代码，都会被规范化为标准链接。Reels 是 9:16 的竖版内容，所以请在比例区域选择 Reel 形状，先看清所选宽度下的预期高度，再把代码粘贴到页面中。
不会，代码生成完全在您的浏览器中进行 —— 解析原代码和生成新代码都不涉及任何网络请求。唯一的例外是实时预览：它默认关闭，只有您点击后才会从 Instagram 加载脚本，在本页的一个独立框架中渲染真实嵌入。不使用预览，任何数据都不会离开您的设备。
有问题吗？ 报告问题
