第一卷 · 第 001 号 · 乙巳年

拖一拖,
网页
手写成型。

特性 / 为什么用铸字坊

不敲代码,也能讲究到每一格。

拖拽即成

八种基础组件——标题、段落、按钮、图片、卡片、分隔线、间距、原生 HTML——拖到纸面上就是一层。

属性面板

选中即调。字号、字重、颜色、圆角、内边距、对齐、链接——所见即所得,无需刷新。

动画预设

淡入、上浮、滑入、呼吸、摆动——五段 CSS 关键帧,一键挂到任何组件上。

云端存档

整份 JSON schema 存到 MySQL,账户隔离。Ctrl+S 存档,明天回来继续。

一键导出

把作品导出成自包含的 HTML 文件——带字体、带动画、不依赖服务,直接可分享。

用户中心

作品目录、使用统计、账户信息、快捷入口——所有工作在一个后台里。

工作台 / 三栏工业化布局

左抽屉、纸面、属性板——像老式排字工坊。

未命名页面 · 草稿 保存
组件
H 标题
¶ 段落
▸ 按钮
□ 卡片
这里是标题
这是一段正文——你在铸字坊里做的每个决定,都会立刻反映在这张纸上。
点击这里
属性
标题
字号48
字重900
对齐left
动画上浮
组件目录 / 内置八种

基础齐全,够搭一份像样的页面。

标题
段落
按钮
图片
分隔线
空白间距
卡片
自定义 HTML
技术栈 / 引擎盖下面

一份可长期维护的选型。

前端
Vanilla HTML + ESM
零构建、零依赖,直接 Google Fonts 装点排版,静态资源由 NestJS ServeStatic 托管。
后端
NestJS 11
模块化 —— Auth / Users / Projects / Admin,JWT + bcrypt 保护,用户表与管理员表完全隔离。
数据库
MySQL 8 · TypeORM
启动自动建库 + 表结构同步,画布 schema 走 JSON 列,读回无损。
现在开工

把第一张纸压进印刷机。