功能索引

这套工具能做的事,一页看完

注册前的最后一个问题是「它有没有 XX」。整份清单在这里——111 个可编辑组件、15 种设计风格、66 组配色、40 个行业起始模板,数字直接读自产品本身。真的编辑器就在下面,而且搭建与预览不花钱。

不想读字 —— 直接试编辑器

66组配色
111个可编辑组件

用摸的,不用读的。

这里除了保存以外全都是真的:改动只留在这个标签页,刷新就没了。发布与导出属于工作区,而开一个工作区免费、不用留卡——同一颗编辑器,你的东西留得住。 整页打开试玩

从起始模板到一门真的在收单的生意

上面那些零件被用到的顺序。

  1. 从能用的网站开始,不是空白版式40 个行业起始模板 —— 真的页面、标好价的菜单、接好线的表单。
  2. 挑外观 —— 内容留着15 种风格换骨架,内容跟着走。66 组配色。
  3. 细到一个像素每个组件 44 个样式属性,分设备、分悬停各设一套。
  4. 打开机器点餐、订座、询价 —— 是机器,不是机器的照片。预览里立刻会动。
  5. 发布 —— 或把代码整包带走接自己的域名发布(两方案各含 1 个),或在 Storefront Pro 整包带走 Next.js 项目。

点餐、订座,和它们背后的后台

商业网站和形象页的差别:按下「提交订单」之后,单去了哪里。

在线点餐

菜单、购物车、结账都在站上。刷卡走你自己的 Stripe —— 我们抽 0%。

订座与预约

预约与订座 —— 时段被选走的那一刻就占住,这一笔直接躺在你的后台。

真的后台

订单、订座、客户、菜单、促销、评论、统计 —— 自己的登录,在已发布的网站上。

方案界线,直说:Storefront Pro 每月 $79,这些全部在你已发布的网站上运行,刷卡走你自己的 Stripe,我们抽 0%。Storefront 每月 $49 可以把同一套机器搭好、预览,在你决定要不要发布之前就已经能跑、能拍给人看——这个方案上它不会上线。 看每个方案含什么

0% 抽成是怎么运作的,看细节

编辑器有多深

拖拽只是入口。门后是这些。

44个样式属性,每个组件
×4桌面 · 平板 · 手机 · 悬停
5种进场动画,逐区块设
±45°倾斜 · 光晕 · 毛玻璃 · 中文竖排 · 带角度渐变 · sticky

这里的深,是版面、字体排印与状态:111 个组件每一个都有 44 个属性,桌面、平板、手机、悬停各设一套,每个区块另有五种进场动画。动效是一个打开就会动的开关,不是一条要你自己编的时间轴。

写字这件事,有它自己的一个面板。桌面版 LocalSite Studio 用的是同一套编辑器,里面带一个 AI 面板:给它一句话的生意描述,它一次给出三个角度的首图区、SEO 与页脚文案供你挑选,菜单或服务项目的描述也能一并起草;也可以在画布上对单个区块点右键,只把那一块重写。它用的是你自己的 Anthropic、OpenAI 或 DeepSeek 密钥,存在你那台机器的钥匙串里,所以钱由你直接付给那家服务商,我们不转卖 token。你不开口它就不会生成,而 40 个起始模板依然是设计出来、真的能用的网站,不是机器产出的东西——面板负责写字,网站本身早就会动了。

网站是你的,带得走

Storefront Pro 的导出=完整 Next.js 项目 —— 有存东西就连数据库、API、后台一起装箱。自由职业者有同引擎的桌面版,导出不限次数。

改稿改不坏正在营业的网站

已上架的网站是做好的成品。编辑器保存改的是下一份 —— 永远不是正在服务客人的那份。

完整清单

下面每一个名字和数字,都是构建时直接读产品自己的组件注册表得到的,不是有人用手维护的清单。这一页上有的,你现在打开编辑器就找得到。

组件

111

拖到页面上的积木。「经营」那一类是后面真的有机器的 —— 预约日历不是一张预约日历的图。

基础16

  • 標題
  • 文字
  • 按鈕
  • 圖片
  • 影片
  • 分隔線
  • 空白
  • 標籤
  • 圖示列表
  • 富文本
  • 圖示
  • 連結
  • 頭像
  • 表格
  • 嵌入代碼
  • 跑馬燈

版面8

  • 區段
  • 容器
  • 網格
  • 卡片
  • 吸附條
  • 頁籤
  • 摺疊面板

导航5

  • 導覽列
  • 頁尾
  • 麵包屑
  • 錨點導覽
  • 側欄選單

表单10

  • 表單
  • 輸入框
  • 多行輸入
  • 下拉選單
  • 勾選框
  • 日期
  • 送出鈕
  • 單選群
  • 時間
  • 檔案上傳

经营38

  • 營業時間
  • 地圖與地址
  • 聯絡表單
  • 圖廊
  • 顧客見證
  • 評論牆
  • 團隊
  • 服務清單
  • 價目方案
  • 常見問題
  • 行動呼籲
  • 數字亮點
  • Logo 列
  • 訂閱電子報
  • 社群連結
  • 公告條
  • 優惠券
  • 菜單列表
  • 線上點餐
  • 訂位
  • 服務預約
  • 課表
  • 房源列表
  • 報價請求
  • 進度查詢
  • 房貸試算
  • 前後對比
  • 禮品卡
  • 會員積分
  • 活動
  • 文章列表
  • 購物車鈕
  • 品項詳情卡
  • 3D 場景
  • 特效背景
  • 內容清單
  • 項目內頁
  • 廣告版位

编辑排版5

  • 報頭
  • 署名
  • 照片說明
  • 付費內容標示
  • 更正啟事

动效与展示29

  • 動態標題
  • 巨型跑馬燈
  • 視差圖層
  • 滾動敘事
  • 橫向滾動廊
  • 釘選展示
  • 數字衝擊帶
  • 閱讀進度條
  • 磁吸行動鈕
  • 揭幕圖片
  • 旅程時間軸
  • 滾動運鏡影片
  • 寬鏡頭場景
  • 章節卡
  • 鏡頭推拉
  • 記憶宮殿菜單
  • 片名卡
  • 焦點引言
  • 倒數計時
  • 雙聯格
  • 演職表
  • 聚光
  • 膠卷印樣
  • 漫畫分格
  • 拼貼相片
  • 環字貼章
  • GSAP 電影廊
  • 電影廊卡片
  • GSAP 聚焦標語

设计风格

15

换风格换的是骨架不是颜色:首图区、相册、字体排版都会重组。切换之后,商家资料保留。

配色

66

策展过的色盘,字体已经配好。可以套在任何一种设计风格上。

深色14

  • 碳黑餘燼
  • 夜曲紫
  • 午夜霓虹
  • 曜石青
  • 紫外光
  • 森夜綠
  • 黑金
  • 香檳黑金
  • 深海
  • 港式霓虹
  • 夜市燈火
  • 燈籠暖紅
  • 香檳黑金
  • 天鵝絨梅紫

浅色15

  • 冰川淺色
  • 常青
  • 太平洋
  • 白瓷
  • 亞麻
  • 北極薄荷
  • 晴空紙
  • 雲霧薰衣草
  • 柑橘清爽
  • 水墨
  • 廣式晨茶
  • 青花瓷
  • 工作室米白
  • 薄荷工作室
  • 石板編輯部

鲜艳10

  • 電壓萊姆
  • 橘子汽水
  • 桃紅衝擊
  • 鈷藍重擊
  • 萊姆蘇打
  • 珊瑚礁
  • 朱紅鎏金
  • 川味紅油
  • 電光葡萄
  • 落日公路

柔和8

  • 玫瑰霧
  • 鼠尾草
  • 蜜桃粉霧
  • 燕麥奶
  • 霧藍
  • 丁香墨
  • 奶茶時光
  • 芋泥雲朵

大地8

  • 深焙咖啡
  • 赤陶
  • 橄欖園
  • 沙漠暮色
  • 胡桃書房
  • 翡翠宴
  • 濃縮咖啡
  • 青竹

复古6

  • 朱漆鎏金
  • 鑄鐵工坊
  • 美式櫻桃
  • 七零芥黃
  • 黑膠藍綠
  • 可可奶油

灵感5

  • 世界線
  • 奇異點
  • 比翼
  • 魔法學院
  • 克蘇魯

行业起始模板

40

每一个都是那一行真的能用的多页网站,不是空白版式。

去看模板

内建区块实际怎么运作

订座和预约,实际上是怎么运作的?

是两个各自独立的区块,后面是两套各自独立的引擎。订座跑 30 分钟一格,一桌保留 90 分钟,打烊前一小时收最后一轮,最晚要提前 30 分钟,而且会拿人数去对你真正的桌位表——六个人只会看到真的还有六人桌空着的时段,人数收 1 到 20 人。预约跑 15 分钟一格,每一笔前后各留 10 分钟缓冲,最晚要提前两小时,按每位人员逐周日的班表算,客人可以指定人,也可以交给有空的任何一位,还能收订金。这两种预订都写在可序列化事务里,所以两个人同时点下最后一个时段,不会两个人都订到。

导出的文件夹里,实际上有什么?

一个完整的 Next.js 项目,落在你自己的硬盘上。一家带在线点餐的咖啡店导出来是 180 个文件,一个什么都不用存的作品集是 99 个——而且有一道守卫会真的跑一次导出、把文件夹数一遍,所以这两个数字不会悄悄跑掉。你会拿到 app/、components/、lib/、public/,一份 package.json,一支部署脚本,还有一份 README——那份说明是写给以后接手的人看的,不是写给你看的;网站真的要存东西时,才会多出 prisma/ 和 server/,数据库结构、REST API 与后台就是这样一起装箱的。那份 package.json 里没有任何一个依赖挂着我们的名字,文件夹里也没有任何一条线通回某个后台。源代码导出含在 Storefront Pro,每月 $79.00,或每年 $758.00。

这是 AI 建站工具吗?做网站的 AI、网站制作 AI 那一类的?

不是,而那正是重点。你打开的是 40 个设计出来、真的能用的网站其中一个——菜单上的商品已经标好价、预约表单已经在对一份真的日程表——不是一页模型在你等待时编出来的东西。AI 在这里只有一件工作,就是写字:桌面版带一个面板,可以起草首图区、SEO 与商品描述,也可以对画布上单个区块点右键只重写那一块。它用你自己的 Anthropic、OpenAI 或 DeepSeek 密钥,存在你那台机器的钥匙串里,钱直接付给那家服务商,我们不转卖 token——用你自己的密钥,就没有一个我们设的额度会用完。你不开口它不会生成,而每一次草稿都只差一次撤销。