解决 HTML 作品的最后一公里:我搭了个临时演示站

现在不少人用 WorkBuddy 这类 AI 工具,三两下就做出能跑的 HTML 小作品——一个小工具、一张互动图表、一份活动页。

可做完之后普遍卡在一个问题:作品在本地能跑,却难以展示和演示。微信一发变图片、网盘要下载、自己搭服务器又嫌重。分享和展示,成了 AI 造物最后一公里的堵点。

我手上有台装 WordPress 的 VPS,于是想:能不能做个轻量的"临时展示站"——别人自己传 HTML,系统给个临时链接,看完了自动过期,干净利落?

一、动手前先查了一下,主流基本有三套方案

方案 A:自己写单文件 PHP 上传页

思路:一个 PHP 页接收文件存盘,返回访问 URL。

优点:零依赖、改起来直观。

缺点:过期清理、不可猜链接、同名更新这些"脏活"都得自己写,功能单薄。

方案 B:Cloudflare R2 + Worker

思路:文件丢 R2,用 Worker 动态拼出可访问 URL。

优点:边缘网络快、全球可用。

缺点:R2 桶 + Worker 路由 + CORS + 绑域名……链路长,对非运维背景的人"太烦"。

方案 C:html-previewer(开源专用工具)

思路:纯 Python 标准库的小服务,自带单文件/文件夹/zip 上传、128 位随机不可猜链接、1–30 天自动过期、同名更新、自动目录页。

优点:零依赖、一条命令装好、能力全。

缺点:只给 API / 命令行,没有"网页拖拽上传"——但这正好是我能补的"门面"。

三选一,最后落在新手最省心、能力最全的 html-previewer。这个工具把"不可猜链接 + 自动清理 + 同名更新"都写好了,我只需要在它前面加一扇好用的门。

官方脚本一键装好(监听 127.0.0.1:8787),宝塔建站 + SSL + 反代到本地端口。脚本默认把对外域名写成 localhost,不改成真实域名,生成的链接全是 localhost,谁都打不开——这是第一个必须记下的坑。

二、三个需求,引出三件套

根路径 / 就是上传页,/m.html 是管理页(能设天数、能删);

用户传 html + img 文件夹 这种混合结构怎么办?

能不能再来个短链接,看起来顺眼一点。

于是利用workbuddy写了三个文件,真正干活的是那个十几 KB 的 Python 小程序;我做的是加一扇好用的门:一个拖拽上传页、一个短链、一个管理后台。

index.php:上传页(有效期下拉、自动生成短链、混合结构自动把唯一首页改名 index.html);

m.php:管理页(列表 / 删除 / 延长 / 立即过期 / 恢复,API Key 藏在服务端);

s.php:短链跳转(/s/xxxx → 真实链接)。

三、简单介绍

分享者:

1.打开 https://demo.iclws.com/

2.把 .html 拖进去;或选整个文件夹(含 index.html + img/ 等素材)

3.选有效期(1 / 3 / 7 / 14 / 30 天)

4.点"发布" → 拿到短链 https://demo.iclws.com/s/xxxx 和原链

5.把短链发出去,到期自动消失

管理者:

1.打开 https://demo.iclws.com/m.html(需口令)

2.看所有演示(在线 / 已过期),可延长天数、提前过期、恢复或删除

四、几点说明

1.链接不可猜测,知道才能访问;过期后内容自动清理。

2.服务器只存演示文件,不碰你电脑。

3.纯静态分享,不依赖任何第三方图床。

希望能帮到有需要的人!

1 条评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注