- Markdown 编辑器 - 实时预览,支持富文本编辑和自动保存
- AI 内容生成 - 6种生成模式,支持专业、幽默、教育、商务、休闲等不同风格
- 多平台发布 - 一键适配公众号、知乎、掘金、知识星球、视频号、抖音、B站、小红书
- 智能格式转换 - 自动转换各平台所需的格式和样式
- Chrome 插件集成 - 浏览器插件一键填充内容
- 云端图片存储 - 自动处理图片上传和链接转换
- 发布预设管理 - 保存常用发布配置,提升发布效率
- 角色权限系统 - 管理员、编辑、作者三重角色,精细化权限控制
- 审核流程 - 草稿→审核→发布的完整工作流
- 公众号集成 - 直接发布到微信公众号,支持草稿和正式发布
- 审计日志 - 完整的操作记录,满足合规要求
- 6种生成模式 - 模式1-6,支持不同写作风格和内容类型
- 智能适配 - 根据目标平台自动调整内容风格
- RAG技术 - 基于检索增强生成,提高内容质量和相关性
- 批量处理 - 支持批量生成和处理多篇文章
- 默认样式 - 适合通用内容的清爽风格
- 技术样式 - 专为技术文章优化的代码友好样式
- 简约样式 - 极简设计,突出内容本身
- 免费版 - 基础功能,支持公众号发布,有限AI生成
- 专业版 - 全平台发布、无限存储、高级AI模式、自定义R2配置、视频功能
- 框架: Next.js 15.4 + React 19
- 语言: TypeScript 5.0
- 样式: Tailwind CSS 4.0
- 组件库: Radix UI + shadcn/ui
- 编辑器: @uiw/react-md-editor
- 运行时: Next.js API Routes
- 数据库: SQLite (开发) / Turso (生产)
- ORM: Drizzle ORM
- 认证: NextAuth.js
- AI服务: OpenAI GPT-4o-mini
- 文件存储: AWS S3 兼容服务 (Cloudflare R2)
- 审计系统: 自建审计日志服务
- 托管平台: Vercel
- 数据库: Turso (LibSQL)
- CDN: Vercel Edge Network
- 图片存储: Cloudflare R2
- Node.js 18+
- npm 或 yarn
# 克隆项目
git clone https://github.com/your-username/ziliu.git
cd ziliu
# 一键启动开发环境
./scripts/start-dev.sh访问 http://localhost:3000 开始使用
如果自动脚本有问题,可以手动执行以下步骤:
npm install创建 .env.local 文件:
# 数据库配置
DATABASE_URL="file:./dev.db"
# 认证配置
NEXTAUTH_SECRET="ziliu-dev-secret-key-for-local-testing-123456789"
NEXTAUTH_URL="http://localhost:3000"
# 应用配置
NEXT_PUBLIC_APP_URL="http://localhost:3000"
NEXT_PUBLIC_API_BASE_URL="http://localhost:3000"
# AI服务配置 (可选)
OPENAI_API_KEY="your-openai-api-key"
OPENAI_BASE_URL="https://api.openai.com/v1"
# 开发环境标识
NODE_ENV="development"npm run db:pushnpm run dev系统启动后会自动创建测试账户:
- 管理员: [email protected] / admin123
- 编辑: [email protected] / editor123
- 作者: [email protected] / author123
ziliu/
├── src/
│ ├── app/ # Next.js App Router
│ │ ├── (pages)/ # 应用页面
│ │ ├── api/ # API路由
│ │ └── globals.css # 全局样式
│ ├── components/ # React 组件
│ │ ├── ui/ # UI 基础组件
│ │ ├── editor/ # 编辑器组件
│ │ └── layout/ # 布局组件
│ ├── lib/ # 工具库
│ │ ├── db/ # 数据库相关
│ │ ├── auth.ts # 认证配置
│ │ ├── converter.ts # 格式转换
│ │ └── utils.ts # 工具函数
│ └── types/ # TypeScript 类型定义
├── extension/ # Chrome 插件
│ ├── manifest.json # 插件配置
│ ├── core/ # 核心功能
│ ├── plugins/ # 平台适配插件
│ └── ui/ # 插件界面
├── drizzle/ # 数据库迁移
└── public/ # 静态资源
# 开发
npm run dev # 启动开发服务器
npm run build # 构建生产版本
npm run start # 启动生产服务器
# 数据库
npm run db:generate # 生成数据库迁移
npm run db:migrate # 执行数据库迁移
npm run db:push # 推送架构到数据库
npm run db:studio # 打开数据库管理界面
# 代码质量
npm run lint # ESLint 检查
npm run type-check # TypeScript 类型检查- 插件源码位于
/extension目录 - 在 Chrome 中加载未打包的插件:
- 打开
chrome://extensions/ - 开启开发者模式
- 点击"加载已解压的扩展程序"
- 选择
extension目录
- 打开
- 使用
./scripts/test-env-ready.sh检查环境状态 - 使用
./scripts/register-test-users.sh重新创建测试用户 - 开发服务器运行在 http://localhost:3000
- 数据库文件为
dev.db,可删除重置 - 测试账户密码均为用户名+123(如 admin123)
- ✅ Markdown 编辑器(实时预览)
- ✅ AI 内容生成(6种模式)
- ✅ 自动保存和历史记录
- ✅ 飞书文档导入
- ✅ 角色权限系统(管理员/编辑/作者)
- ✅ 审核流程(草稿→审核→发布)
- ✅ 文章状态管理
- ✅ 版本控制
- ✅ 微信公众号(直接发布)
- ✅ 知乎专栏 (专业版)
- ✅ 掘金社区 (专业版)
- ✅ 知识星球 (专业版)
- 🚧 视频号、抖音、B站、小红书 (开发中)
- ✅ 6种生成模式
- ✅ 多种写作风格
- ✅ 智能内容优化
- ✅ RAG 技术支持
- ✅ 用户认证和授权
- ✅ 订阅管理
- ✅ 审计日志
- ✅ 图片处理和存储
- ✅ Chrome 插件集成
- 完整的AI内容生成系统
- 角色权限和工作流管理
- 微信公众号直接发布
- 审计日志系统
- 本地开发环境自动化
- 小红书平台支持
- 微博平台支持
- 即刻平台支持
- 抖音、B站等视频平台支持
- 移动端适配
- 更多AI模型集成
- 团队协作功能
- 数据分析和统计
- 内容质量评估
- 更多平台接入
我们欢迎各种形式的贡献!
- 使用 GitHub Issues 提交 bug
- 提供详细的复现步骤
- 附上相关的错误日志
- 在 Issues 中描述新功能
- 说明使用场景和预期效果
- 讨论实现方案
- Fork 本仓库
- 创建功能分支 (
git checkout -b feature/AmazingFeature) - 提交更改 (
git commit -m 'Add some AmazingFeature') - 推送分支 (
git push origin feature/AmazingFeature) - 创建 Pull Request
本项目采用 MIT 许可证 - 查看文件了解详情
感谢以下开源项目:
- Next.js - 全栈 React 框架
- Drizzle ORM - TypeScript ORM
- Tailwind CSS - CSS 框架
- Radix UI - 无样式 UI 组件
- NextAuth.js - 认证解决方案
- 🌐 网站: ziliu.online
- 📧 邮箱: [email protected]
如果这个项目对你有帮助,请给我们一个 ⭐️