{"id":51640708,"url":"https://github.com/aipmandy/mdskill-web","last_synced_at":"2026-07-13T19:02:46.681Z","repository":{"id":345195415,"uuid":"1184877944","full_name":"AIPMAndy/MDskill-Web","owner":"AIPMAndy","description":"文章排版神器 - 一键生成精美排版","archived":false,"fork":false,"pushed_at":"2026-07-04T13:28:30.000Z","size":1231,"stargazers_count":45,"open_issues_count":2,"forks_count":3,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-07-04T15:11:10.503Z","etag":null,"topics":["article","content-creation","editor","export","html","markdown","png-export","react","tailwindcss","themes","typescript","typography","vite","wechat","writing-tools"],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AIPMAndy.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-03-18T02:41:10.000Z","updated_at":"2026-07-04T13:28:34.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/AIPMAndy/MDskill-Web","commit_stats":null,"previous_names":["aipmandy/articlelayout","aipmandy/mdskill-web"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/AIPMAndy/MDskill-Web","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AIPMAndy%2FMDskill-Web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AIPMAndy%2FMDskill-Web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AIPMAndy%2FMDskill-Web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AIPMAndy%2FMDskill-Web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AIPMAndy","download_url":"https://codeload.github.com/AIPMAndy/MDskill-Web/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AIPMAndy%2FMDskill-Web/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":35432821,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-07-13T02:00:06.543Z","response_time":119,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["article","content-creation","editor","export","html","markdown","png-export","react","tailwindcss","themes","typescript","typography","vite","wechat","writing-tools"],"created_at":"2026-07-13T19:02:45.056Z","updated_at":"2026-07-13T19:02:46.668Z","avatar_url":"https://github.com/AIPMAndy.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n# 🎨 MDskill-Web\n\n**一键生成精美 Markdown 排版 | 33 种专业主题 | 微信公众号完美适配**\n\n[![GitHub release](https://img.shields.io/github/v/release/AIPMAndy/MDskill-Web)](https://github.com/AIPMAndy/MDskill-Web/releases)\n[![License](https://img.shields.io/badge/license-Apache%202.0-blue.svg)](LICENSE)\n[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/AIPMAndy/MDskill-Web/pulls)\n\n[在线体验](https://mdskill-web.netlify.app) · [功能介绍](#-核心功能) · [主题预览](#-33-种专业主题) · [快速开始](#-快速开始)\n\n\u003cimg src=\"screenshot-homepage.png\" alt=\"MDskill-Web 首页\" width=\"800\"/\u003e\n\n\u003c/div\u003e\n\n---\n\n## ✨ 核心功能\n\n### 🎨 33 种专业主题\n从极简到华丽，从技术到文艺，满足所有排版需求：\n- ⭐ **Apple 风格系列** - Light/Dark/Gray，官方设计美学\n- 🧘 **禅意留白** - 极致简约，突出内容本身\n- 💻 **开发者系列** - Terminal/Code/Cyberpunk，技术范儿\n- 📰 **媒体专业系列** - NYTimes/Guardian/Wired，新闻质感\n- 📱 **微信公众号系列** - 7 个专为公众号优化的主题\n\n### 📱 微信公众号完美适配\n- ✅ 完全内联样式，无需额外处理\n- ✅ 一键复制，直接粘贴到公众号编辑器\n- ✅ 保留所有格式和颜色\n- ✅ 手机端完美显示\n\n### 🚀 实时编辑预览\n- 分屏编辑，左写右看\n- Markdown 实时渲染\n- 支持代码高亮、表格、任务列表\n- 响应式预览（Desktop/Tablet/Mobile）\n\n### 💾 多种导出方式\n- **富文本复制** - 直接粘贴到公众号/知乎/掘金\n- **HTML 导出** - 完整网页文件\n- **图片生成** - 适合分享和存档\n\n### 🔍 强大的搜索功能\n- 全文搜索，实时匹配\n- 正则表达式支持\n- 大纲导航，快速定位\n- 搜索结果高亮\n\n---\n\n## 🎨 33 种专业主题\n\n### 🌟 热门推荐\n\n| 主题 | 风格 | 适用场景 |\n|------|------|----------|\n| **Apple Light** 🍎 | 简洁优雅 | 产品文档、用户指南 |\n| **Apple Dark** 🌙 | 暗色护眼 | 技术博客、代码文档 |\n| **禅意留白** 🧘 | 极简美学 | 个人随笔、思考笔记 |\n| **多彩活力** 🌈 | 活力设计 | 创意内容、品牌故事 |\n| **NYTimes** 📰 | 严谨专业 | 新闻报道、深度分析 |\n| **Medium** 📝 | 长文阅读 | 长篇文章、故事叙述 |\n\n### 📂 完整分类\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cb\u003e创意类 (7个)\u003c/b\u003e - 适合品牌、设计、创意内容\u003c/summary\u003e\n\n- 🌈 **多彩活力** - 高级多彩设计感\n- 📰 **杂志布局** - 杂志风格排版\n- 🎨 **艺术创意** - 装饰性设计元素\n- ✨ **公众号·优雅** - 经典公众号风格\n- 📝 **Medium 长文** - 适合长篇阅读\n- ✏️ **Hische 编辑部** - 手写创意风格\n- 🎭 **优雅简约** - 简约而不简单\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cb\u003e技术类 (9个)\u003c/b\u003e - 适合开发者、技术博客\u003c/summary\u003e\n\n- 🌙 **GitHub Dark** - 经典暗色主题\n- ☀️ **GitHub Light** - 清爽亮色主题\n- ⚡ **Wired 连线** - 科技媒体风格\n- 🤖 **Anthropic Claude** - AI 风格\n- 💻 **开发者** - 代码风格\n- 🖥️ **终端控制台** - 终端风格\n- 🌃 **赛博朋克** - 未来科技感\n- 🏢 **Silicon Valley** - 硅谷创业风格\n- 💬 **Claude AI** - 对话风格\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cb\u003e极简类 (9个)\u003c/b\u003e - 适合专注内容、简约设计\u003c/summary\u003e\n\n- 🧘 **禅意留白** - 极致简约\n- 🍎 **Apple Light** - Apple 官方亮色\n- 🌑 **Apple Dark** - Apple 官方暗色\n- ⚪ **Apple Gray** - Apple 中性灰\n- ✨ **极简现代** - 现代简约\n- 💎 **Minimal Pro** - 专业极简\n- 📄 **纸质纹理** - 自然纸感\n- 🍏 **Apple 极简** - 公众号极简风\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cb\u003e商务类 (6个)\u003c/b\u003e - 适合报告、文档、专业内容\u003c/summary\u003e\n\n- 📰 **纽约时报** - 经典报业风格\n- 🗞️ **Guardian 卫报** - 英伦新闻风格\n- 📋 **焦橙文档** - 温暖商务风格\n- 📱 **公众号·纽约时报** - 新闻报道风格\n- 📝 **公众号·Medium** - 长文阅读风格\n- 📚 **深度阅读** - 深度内容风格\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cb\u003e故事类 (2个)\u003c/b\u003e - 适合小说、日记、故事创作\u003c/summary\u003e\n\n- 📖 **小说阅读** - 书籍阅读体验\n- 📔 **个人日记** - 手写日记风格\n\n\u003c/details\u003e\n\n---\n\n## 🚀 快速开始\n\n### 方式一：在线使用（推荐）\n\n访问 [https://mdskill-web.netlify.app](https://mdskill-web.netlify.app) 立即开始使用\n\n### 方式二：本地部署\n\n```bash\n# 克隆项目\ngit clone https://github.com/AIPMAndy/MDskill-Web.git\ncd MDskill-Web\n\n# 安装依赖\nnpm install\n\n# 启动开发服务器\nnpm run dev\n# 访问 http://localhost:3000\n\n# 或构建生产版本\nnpm run build\n# 部署 dist/ 目录到任意静态服务器\n```\n\n### 方式三：命令行工具\n\n```bash\n# 安装依赖\nnpm install\n\n# 使用 CLI\nnode cli.js input.md --template apple-light --output output.html\n```\n\n详细命令行参数请查看 [CLI 文档](./CLI.md)\n\n---\n\n## 📖 使用教程\n\n### 微信公众号使用\n\n1. **编辑 Markdown** - 在左侧编辑器输入或粘贴内容\n2. **选择主题** - 点击侧边栏按钮，选择喜欢的主题\n3. **一键复制** - 点击顶部\"复制排版\"按钮\n4. **粘贴发布** - 直接粘贴到公众号编辑器，完美显示\n\n\u003e 💡 推荐主题：wechat-elegant、wechat-medium、wechat-apple\n\n### 技术博客使用\n\n1. 选择开发者系列主题（code、terminal、github-light）\n2. 编辑 Markdown，支持代码高亮\n3. 导出 HTML 或复制富文本\n4. 发布到掘金、CSDN、博客园等平台\n\n### 个人创作使用\n\n1. 选择禅意留白、小说阅读等主题\n2. 专注内容创作，实时预览\n3. 导出图片或 HTML 保存\n4. 分享到社交媒体\n\n---\n\n## 🛠️ 技术栈\n\n- **前端框架**: React 18 + TypeScript\n- **构建工具**: Vite 5\n- **样式方案**: Tailwind CSS\n- **Markdown 解析**: Marked\n- **HTML 清理**: DOMPurify\n- **图片生成**: html2canvas\n\n---\n\n## 🌟 为什么选择 MDskill-Web？\n\n### vs Markdown 编辑器\n- ✅ 不只是编辑器，更是排版工具\n- ✅ 33 种专业主题，开箱即用\n- ✅ 微信公众号完美适配\n\n### vs 公众号排版工具\n- ✅ 完全免费开源\n- ✅ 本地运行，数据安全\n- ✅ 支持代码高亮、数学公式\n\n### vs 自己写 CSS\n- ✅ 节省大量时间，即刻上手\n- ✅ 专业设计师调教的配色\n- ✅ 响应式布局，移动端友好\n\n---\n\n## 📊 项目统计\n\n- ⭐ 33 种专业主题\n- 📦 打包体积 138KB (gzip)\n- ⚡ 构建时间 \u003c 2 秒\n- 🎯 TypeScript 100% 类型安全\n- ✅ 功能测试覆盖完整\n\n---\n\n## 🗺️ 路线图\n\n### v1.3.0（计划中）\n- [ ] PDF 导出功能\n- [ ] 自定义主题编辑器\n- [ ] 主题收藏和分组\n- [ ] 暗色模式优化\n\n### v2.0.0（规划中）\n- [ ] 云端同步\n- [ ] 多人协作\n- [ ] 插件系统\n- [ ] 移动端 App\n\n---\n\n## 🤝 贡献指南\n\n欢迎提交 Issue 和 Pull Request！\n\n### 贡献主题\n\n1. Fork 项目\n2. 在 `src/templates/index.ts` 添加你的主题配置\n3. 确保 TypeScript 编译通过\n4. 提交 PR 并附上预览截图\n\n### 贡献代码\n\n1. 阅读现有代码，理解项目结构\n2. 遵循 ESLint 规则\n3. 添加必要的注释\n4. 提交前运行 `npm run lint` 和 `npm run build`\n\n---\n\n## 📄 开源协议\n\nApache 2.0 License + 附加条款\n\n### ✅ 允许\n- ✅ 个人学习和使用\n- ✅ 企业内部使用\n- ✅ 二次开发（需保留版权）\n- ✅ 开源项目引用\n\n### ❌ 禁止（需书面授权）\n- ❌ 去除品牌标识\n- ❌ 提供商业 SaaS 服务\n- ❌ 转售或授权给第三方\n\n商业授权请联系：**微信 AIPMAndy**\n\n---\n\n## 📮 联系方式\n\n- **作者**: Andy | AI酋长\n- **微信**: AIPMAndy\n- **GitHub**: [@AIPMAndy](https://github.com/AIPMAndy)\n- **邮箱**: 商务合作请通过微信联系\n\n---\n\n## 🎁 相关项目\n\n- 🖥️ [**MDskill (Mac)**](https://github.com/AIPMAndy/MDSKILL) - MDskill 桌面端，功能更强大\n- 🌐 **MDskill-Web** - 本项目，在线版本\n\n---\n\n\u003cdiv align=\"center\"\u003e\n\n### ⭐ 如果这个项目对你有帮助，请给个 Star 支持一下！\n\nMade with ❤️ by [Andy](https://github.com/AIPMAndy)\n\n[⬆ 回到顶部](#-mdskill-web)\n\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faipmandy%2Fmdskill-web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faipmandy%2Fmdskill-web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faipmandy%2Fmdskill-web/lists"}