• Markdown 编辑器 - 实时预览，支持富文本编辑
• 多平台发布 - 一键适配公众号、知乎、掘金、知识星球、视频号、抖音、B站、小红书
• 智能格式转换 - 自动转换各平台所需的格式和样式
• Chrome 插件集成 - 浏览器插件一键填充内容
• 云端图片存储 - 自动处理图片上传和链接转换
• 发布预设管理 - 保存常用发布配置，提升发布效率

• 默认样式 - 适合通用内容的清爽风格
• 技术样式 - 专为技术文章优化的代码友好样式
• 简约样式 - 极简设计，突出内容本身

• 免费版 - 基础功能，支持公众号发布
• 专业版 - 解锁全平台发布、无限存储、专业样式

• 框架: 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
• 文件存储: AWS S3 兼容服务

• 托管平台: 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

npm install

创建 .env.local 文件并配置必要的环境变量：

# 数据库配置
DATABASE_URL="file:./dev.db"
TURSO_DATABASE_URL="your-turso-url"
TURSO_AUTH_TOKEN="your-turso-token"

# 认证配置
NEXTAUTH_SECRET="your-super-secret-key"
NEXTAUTH_URL="http://localhost:3000"

# 云存储配置 (可选)
R2_ACCOUNT_ID="your-r2-account-id"
R2_ACCESS_KEY_ID="your-r2-access-key"
R2_SECRET_ACCESS_KEY="your-r2-secret-key"
R2_BUCKET_NAME="your-bucket-name"

npm run db:push

npm run dev

访问 http://localhost:3000 开始使用

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 类型检查

1. 插件源码位于 /extension 目录
2. 在 Chrome 中加载未打包的插件：
   • 打开 chrome://extensions/
   • 开启开发者模式
   • 点击"加载已解压的扩展程序"
   • 选择 extension 目录

• ✅ Markdown 编辑器
• ✅ 实时预览
• ✅ 自动保存
• ✅ 历史记录

• ✅ 微信公众号
• ✅ 知乎专栏 (专业版)
• ✅ 掘金社区 (专业版)
• ✅ 知识星球 (专业版)

• ✅ Markdown 到 HTML
• ✅ 代码高亮
• ✅ 图片处理
• ✅ 样式适配

• ✅ 注册登录
• ✅ 订阅管理
• ✅ 权限控制
• ✅ 使用统计

• 小红书平台支持
• 微博平台支持
• 即刻平台支持
• 抖音、B站等视频平台支持

• 更多平台接入

我们欢迎各种形式的贡献！

• 使用 GitHub Issues 提交 bug
• 提供详细的复现步骤
• 附上相关的错误日志

• 在 Issues 中描述新功能
• 说明使用场景和预期效果
• 讨论实现方案

1. Fork 本仓库
2. 创建功能分支 (git checkout -b feature/AmazingFeature)
3. 提交更改 (git commit -m 'Add some AmazingFeature')
4. 推送分支 (git push origin feature/AmazingFeature)
5. 创建 Pull Request

本项目采用 MIT 许可证 - 查看文件了解详情

感谢以下开源项目：

• Next.js - 全栈 React 框架
• Drizzle ORM - TypeScript ORM
• Tailwind CSS - CSS 框架
• Radix UI - 无样式 UI 组件
• NextAuth.js - 认证解决方案

• 🌐 网站: ziliu.online
• 📧 邮箱: [email protected]