作者:互联网 时间: 2026-10-07 11:30:02
工作中遇到相关需求时,fitout值得先读说明,因为它主要用于精装 fitout:便宜模型,也能装出好门面,10 个行业的国内风样板间,按企业档案填内容,一条命令出整套静态官网,拎包入住,开源可商用。一旦进入内容与市场工作环节,受众、平台规则和事实依据容易被统一模板抹平会直接影响交付,这也是我最关心的风险。更实际的做法是选一个已有主题制作可人工复核的样稿,同时核对事实准确性、平台适配、语气和修改成本,不要直接在关键项目上。它更像给有明确品牌标准并保留人工审校的团队准备的可审查方案,是否长期使用应由试跑数据决定。

精装 · fitout
便宜模型,也能装出好门面。
v0.1 预览:10 个行业的国内风「样板间」已经能用。精酿 · BrewReel 的兄弟项目:精酿出片,精装出官网。
给中小企业一键生成好看、统一、拎包入住的官网:挑一套样板间,按企业档案填内容,脚本拼出一整套静态官网(首页 + 关于 + 产品 / 服务列表和详情 + 团队 + 新闻 + 联系),传上 GitHub Pages 就能上线,手机打开不乱。
要解决什么
让 AI 给小公司做官网,常见的结果是:
精装的办法和精酿一样:审美写进样板间,模型只填空。
样板间
每套样板间 = 一整套成熟官网的版面(整站页面、图片位、动效)+ 我们自己的配色和细节。客户挑一套,换上自己的内容就能交房。
| 行业 | 样板间 | 适合谁 | 主要页面 |
|---|---|---|---|
| 制造工厂 | cn-factory |
机械、五金、零部件、建材工厂 | 产品中心(型号参数表)、生产设备、资质荣誉、应用领域、询价 |
| 餐饮茶饮 | cn-dining |
茶饮、餐饮、烘焙连锁和单店 | 品牌故事、产品、门店分布、加盟合作 |
| 培训学校 | cn-education |
职业技能学校、兴趣培训中心 | 课程设置、师资力量、学员风采、预约试听 |
| 律所财税 | cn-professional |
律师事务所、财税代账、企业咨询 | 专业领域、律师团队、典型案例、法律知识 |
| 口腔诊所 | cn-medical |
口腔诊所、社区诊所、中医馆 | 诊疗项目、医生团队、就诊指南、口腔科普 |
| 装修公司 | cn-home-decor |
家装公司、全屋定制、建材门店 | 装修案例、设计团队、装修套餐、施工工艺、免费量房 |
| 汽车服务 | cn-auto |
汽修厂、快修连锁、汽车美容 | 服务项目、技师团队、门店分布、养车知识 |
| 民宿文旅 | cn-hospitality |
民宿、精品客栈、度假酒店 | 房型介绍、周边玩法、相册、预订与交通 |
| 农业特产 | cn-agriculture |
农产品基地、合作社、地方特产 | 产品中心、种植与溯源、资质认证、批发合作 |
| 婚纱摄影 | cn-wedding-photo |
婚纱摄影、婚庆、写真 | 作品欣赏、套系价格、团队、拍摄基地、预约看样 |
10 套都是「国内风」:满屏轮播首屏、数字条、深浅色块交替、成套内页、深色页脚带二维码和备案位。「国际风」样板间在做。
怎么做
| 装修行话 | 在精装里是什么 |
|---|---|
| 样板间 | 一整套成熟官网版面,按行业分;配色、字体、间距、圆角全部写成数值,模型不碰 |
| 户型 | 行业配方:有哪些页面、首页板块顺序、语气、必备件(行业见 industries/registry.json,可以继续加) |
| 构件 | 导航、页脚、首屏轮播、数字条、服务、案例、团队、常见问题、联系……每个板块几种版式 |
| 开工 | 模型按企业档案填 site.json,脚本按框架拼成官网 |
| 交房 | 一套静态网页 + 图片文件夹,上线不用装任何东西 |
流程:量房(读企业档案)→ 选样板间 → 出效果图 → 交房。
试一下
只需要 Node 18+,不用装任何依赖:
node scripts/build.mjs showrooms/cn-factory/examples/site.json --out out
打开 out/ 里生成的 index.html 就能看。仓库里不带演示图片(图库照片的许可证不允许原样再分发),缺图的位置会自动换成不需要图的版式;自己配图的流程(图库下载 / AI 生图 / 统一调色)见 docs/IMAGES.md。新做一套样板间见 docs/SHOWROOM.md。
按企业档案填 site.json:node scripts/fill.mjs --profile 企业档案.md --showroom cn-factory --out site.json。密钥只放环境变量 DEEPSEEK_API_KEY,填法和重试见 docs/SITE_JSON.md。
DeepSeek deepseek-ch@t 按 3 份虚构档案填了 6 个站,这一轮拼装、机检和视觉检查都通过,疑似编造 0,示例泄漏 0。
交房前的机检
审美和规矩不靠模型自觉,靠脚本拦:
check.mjs:对比度、字号、配色数、空话词表、按钮文案、标题字数、残留占位、站内链接、图片体积、备案位……check-visual.mjs:375 / 768 / 1024 / 1440 四个宽度无横向溢出,图上文字对比度(轮播逐张查),悬浮条不压页脚check-originality.mjs:配色组合和招牌细节离参考作品够远——学方法,不学长相check-distinct.mjs:样板间之间不撞色出图纸:学方法,不学长相
每套样板间都从成熟作品里来,但不照搬:
进度
site.json)许可
Apache-2.0,开源可商用。