豆包 / ChatGPT 写的网页怎么发布？
豆包、ChatGPT、Kimi、通义……不管哪个 AI 写的网页代码，发布流程都是同一套：复制 → 粘贴 → 发布。这篇以豆包和 ChatGPT 为例，顺便教你分辨 AI 给的是 HTML 还是 React 组件，别选错类型。
复制 AI 给的代码
豆包和 ChatGPT 的代码块右上角都有「复制」按钮，点一下整段带走。ChatGPT 的 Canvas 页面也一样：切到代码视图，全选复制。
分辨代码类型
看开头：以 <!doctype html> 或 <html> 开头的是完整 HTML 网页；出现 import React、export default function 这类字样的是 React 组件。记住这一眼，下一步选类型用。
注册并新建作品，选对类型
在 artifacts.orienthong.cn 免费注册后点「新建作品」：HTML 网页选「HTML」，React 组件选「Code」。粘贴代码，右侧实时预览，选错类型预览会报错，换一下就好。
点「发布」
标题自动提取、可手动改，可见性默认公开（也可选不公开列出或私密）。点「发布」，链接立刻生成。
按场景分享
发微信群：分享面板里保存二维码直接发图，群友扫码就能看。发给客户或老师：生成一个 7 天的临时链接，到期自动失效，不用担心链接一直传下去。
常见问题
ChatGPT Canvas 里做的页面能用吗？
能。Canvas 本质也是一份代码，切到代码视图整个复制出来，按类型粘贴发布即可。
发布后图片显示不出来是怎么回事？
AI 经常在代码里写本地图片路径（比如 ./images/xxx.png），这种路径在线上是无效的。让 AI 改用公开图片外链，或者直接用内联 SVG / base64 图片。
只想给一个人看，不想公开怎么办？
三种办法：可见性设「不公开列出」（不进广场）；设访问密码，把「链接+密码」一起发给对方；或者生成限时临时链接，1 小时到 30 天七档可选，随时可撤销。