Talizen Sections

Talizen 营销向 Hero 板块库，导出为符合 shadcn registry 的 JSON，可用官方 CLI 安装到任意已配置 shadcn 的 React 项目。

开发

npm install
npm run dev

• 文档与预览：http://localhost:5173（Vite 默认端口）
• 单条预览：/preview/hero-centered 等

构建 Registry 产物

npm run registry:build

说明：

• 根目录 registry.json 由 npm run registry:generate 自动扫描 registry/talizen/<category>/<name>/ 生成
• npm run registry:build 会先自动执行 registry:generate，再执行 shadcn build

输出目录：public/r/，含：

• public/r/registry.json — 全库索引（含各条目元数据）
• public/r/<name>.json — 单条条目（内联 content，供 shadcn add 使用）

在消费端安装

发布到 npm 并固定包名（当前 package.json 中包名为 @talizen/talizen-sections）。

安装单条 Hero：

npx shadcn@latest add https://unpkg.com/@talizen/talizen-sections@latest/public/r/hero-centered.json

按全库索引添加（取决于你本机 shadcn 版本是否支持 registry 根 URL）：

npx shadcn@latest add https://unpkg.com/@talizen/talizen-sections@latest/public/r/registry.json

若 unpkg 有延迟，可将 latest 换成已发布 semver。

当前条目（MVP）

| name | 说明 | |------|------| | hero-centered | 居中标题 + 双按钮 | | hero-split | 左文右渐变面板 | | hero-gradient | 全宽渐变强对比 | | hero-minimal | 极简单列 | | hero-gradientBlinds | 标题 + 四宫格卖点 |

源码目录：registry/talizen/<category>/<name>/（例如 registry/talizen/hero/hero-globe/）。

许可

MIT