{"id":37599649,"url":"https://github.com/wchiways/markflow-lite","last_synced_at":"2026-01-16T10:01:06.097Z","repository":{"id":314839533,"uuid":"1056937117","full_name":"wchiways/MarkFlow-Lite","owner":"wchiways","description":" MarkFlow Lite - 一个纯前端在线 Markdown 编辑器","archived":false,"fork":false,"pushed_at":"2025-11-24T00:36:51.000Z","size":645,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-01-02T23:54:52.362Z","etag":null,"topics":["code-highlighting","dark-mode","markdown-editor","markdown-preview-flowchart","markdown-react","mermaid","online-editor-mermaid","pdf-export","react-typescript","realtime-preview","responsive-design","vite"],"latest_commit_sha":null,"homepage":"https://editor.currso.com","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wchiways.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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":"2025-09-15T04:04:09.000Z","updated_at":"2025-11-24T00:36:55.000Z","dependencies_parsed_at":"2025-09-15T06:21:06.725Z","dependency_job_id":"212f1d9d-2c17-4691-a24b-9c8ae903d80c","html_url":"https://github.com/wchiways/MarkFlow-Lite","commit_stats":null,"previous_names":["blankzsh/markflow_lite","wchiways/markflow-lite"],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/wchiways/MarkFlow-Lite","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wchiways%2FMarkFlow-Lite","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wchiways%2FMarkFlow-Lite/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wchiways%2FMarkFlow-Lite/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wchiways%2FMarkFlow-Lite/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wchiways","download_url":"https://codeload.github.com/wchiways/MarkFlow-Lite/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wchiways%2FMarkFlow-Lite/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28478049,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-16T06:30:42.265Z","status":"ssl_error","status_checked_at":"2026-01-16T06:30:16.248Z","response_time":107,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["code-highlighting","dark-mode","markdown-editor","markdown-preview-flowchart","markdown-react","mermaid","online-editor-mermaid","pdf-export","react-typescript","realtime-preview","responsive-design","vite"],"created_at":"2026-01-16T10:00:41.190Z","updated_at":"2026-01-16T10:01:05.014Z","avatar_url":"https://github.com/wchiways.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# MarkFlow Lite\n\n\u003e 一个纯前端在线 Markdown 编辑器\n\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n![GitHub package.json version](https://img.shields.io/github/package-json/v/Blankzsh/Markflow-lite)\n[![GitHub last commit](https://img.shields.io/github/last-commit/blankzsh/markflow-lite)](https://github.com/blankzsh/markflow-lite/commits/main)\n[![GitHub issues](https://img.shields.io/github/issues/blankzsh/markflow-lite)](https://github.com/blankzsh/markflow-lite/issues)\n[![GitHub pull requests](https://img.shields.io/github/issues-pr/blankzsh/markflow-lite)](https://github.com/blankzsh/markflow-lite/pulls)\n[![GitHub stars](https://img.shields.io/github/stars/blankzsh/markflow-lite)](https://github.com/blankzsh/markflow-lite/stargazers)\n[![GitHub forks](https://img.shields.io/github/forks/blankzsh/markflow-lite)](https://github.com/blankzsh/markflow-lite/network/members)\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"README_en.md\"\u003eEnglish\u003c/a\u003e •\n  \u003ca href=\"README_ja.md\"\u003e日本語\u003c/a\u003e •\n  \u003ca href=\"README_es.md\"\u003eEspañol\u003c/a\u003e •\n  \u003ca href=\"README_pt.md\"\u003ePortuguês\u003c/a\u003e •\n  \u003ca href=\"README_de.md\"\u003eDeutsch\u003c/a\u003e\n\u003c/p\u003e\n\nMarkFlow Lite 是一个完全运行在浏览器中的纯前端 Markdown 编辑器，无需服务器支持，开箱即用，支持实时编辑、双向预览、本地保存和内容分享。\n\n## 🌟 特性\n\n- ✍️ **实时编辑** - 支持标准 Markdown 语法（含表格、代码块、列表等）\n- 👁️ **实时预览** - 边写边看，支持数学公式和流程图渲染\n- 💾 **本地存储** - 自动保存草稿到浏览器本地存储\n- 📄 **文件导出** - 支持导出为 PDF、HTML、Markdown 等格式\n- 📂 **文件管理** - 支持新建文档、打开本地 Markdown 文件\n- 🔗 **内容分享** - 生成唯一链接，内容可通过 URL 参数共享\n- 🎨 **主题切换** - 提供深色/浅色主题，适配不同阅读环境\n- ⌨️ **快捷操作** - 支持常用快捷键（加粗、斜体、标题插入等）\n- 📱 **响应式设计** - 支持桌面、平板、手机访问\n\n## 📸 界面预览\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"asset/images/screenshot-editor.png\" alt=\"MarkFlow Lite 编辑器界面\" width=\"800\" /\u003e\n  \u003cp\u003e\u003cem\u003eMarkFlow Lite 编辑器界面 - 实时编辑和预览功能\u003c/em\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"asset/images/screenshot-preview.png\" alt=\"MarkFlow Lite 预览界面\" width=\"800\" /\u003e\n  \u003cp\u003e\u003cem\u003eMarkFlow Lite 预览界面 - 支持数学公式和流程图渲染\u003c/em\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"asset/images/screenshot-dark-mode.png\" alt=\"MarkFlow Lite 深色主题\" width=\"800\" /\u003e\n  \u003cp\u003e\u003cem\u003eMarkFlow Lite 深色主题 - 舒适的夜间编辑体验\u003c/em\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n## 🚀 快速开始\n\n[![Node.js](https://img.shields.io/badge/Node.js-339933?style=for-the-badge\u0026logo=nodedotjs\u0026logoColor=white)](https://nodejs.org/)\n[![NPM](https://img.shields.io/badge/NPM-CB3837?style=for-the-badge\u0026logo=npm\u0026logoColor=white)](https://www.npmjs.com/)\n\n### 在线使用\n\n直接访问 [MarkFlow Lite](https://editor.currso.com) 即可开始使用。\n\n### 本地开发\n\n```bash\n# 克隆项目\ngit clone https://github.com/blankzsh/markflow-lite.git\n\n# 进入项目目录\ncd markflow-lite\n\n# 安装依赖\nnpm install\n\n# 启动开发服务器\nnpm run dev\n\n# 构建生产版本\nnpm run build\n\n# 预览生产构建\nnpm run preview\n```\n\n## 🛠️ 技术栈\n\n[![React](https://img.shields.io/badge/React-20232A?style=for-the-badge\u0026logo=react\u0026logoColor=61DAFB)](https://reactjs.org/)\n[![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge\u0026logo=typescript\u0026logoColor=white)](https://www.typescriptlang.org/)\n[![Vite](https://img.shields.io/badge/Vite-B73BFE?style=for-the-badge\u0026logo=vite\u0026logoColor=FFD62E)](https://vitejs.dev/)\n[![TailwindCSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white)](https://tailwindcss.com/)\n[![Markdown](https://img.shields.io/badge/Markdown-000000?style=for-the-badge\u0026logo=markdown\u0026logoColor=white)](https://markdown-it.github.io/)\n\n- **开发框架**: React + TypeScript + Vite\n- **Markdown 解析**: markdown-it\n- **代码高亮**: Highlight.js\n- **样式设计**: Tailwind CSS + @tailwindcss/typography\n- **数学公式**: MathJax (通过 markdown-it-mathjax3)\n- **流程图支持**: Mermaid\n- **构建工具**: Vite\n- **部署平台**: GitHub Pages / Vercel / Netlify\n\n## 📖 使用指南\n\n### 基本操作\n\n1. **编辑模式** - 在左侧编辑区域编写 Markdown 内容\n2. **预览模式** - 实时查看渲染后的效果\n3. **分屏模式** - 同时查看编辑和预览区域\n\n### 快捷键\n\n- `Ctrl + B` - 粗体\n- `Ctrl + I` - 斜体\n- `Ctrl + K` - 插入链接\n\n### 云存储集成\n\nMarkFlow Lite 支持多种云存储后端：\n\n1. **AWS S3** - 连接到 S3 存储桶进行文件管理\n2. **WebDAV** - 连接到任何支持 WebDAV 的服务器\n3. **本地存储** - 浏览器本地存储（默认）\n\n通过文件资源管理器，您可以：\n- 连接和断开云存储服务\n- 浏览远程文件夹结构\n- 创建、编辑、删除远程文件\n- 同步本地和远程文件\n\n### 支持的语法\n\n- 标题 (#, ##, ###, ...)\n- 文本样式 (粗体、斜体、删除线)\n- 列表 (有序、无序、任务列表)\n- 链接和图片\n- 代码块和行内代码\n- 引用块\n- 表格\n- 水平分割线\n- 数学公式 (LaTeX)\n- 流程图 (Mermaid)\n\n### Mermaid 流程图使用\n\n支持多种 Mermaid 图表类型：\n\n```markdown\n```mermaid\ngraph TD\n  A[开始] --\u003e B[处理]\n  B --\u003e C[结束]\n```\n```\n\n支持的图表类型：\n- 流程图 (Flowchart)\n- 时序图 (Sequence Diagram)\n- 甘特图 (Gantt Diagram)\n- 类图 (Class Diagram)\n- 状态图 (State Diagram)\n\n## 📤 导出功能\n\n- **PDF 导出** - 将文档导出为 PDF 格式\n- **HTML 导出** - 导出为独立的 HTML 文件\n- **Markdown 导出** - 导出原始 Markdown 文件\n\n## 🐛 已知问题修复\n\n### 最近修复的问题\n\n- 修复了流程图渲染过大问题，优化了图表尺寸控制\n- 解决了代码块被表格遮挡的问题\n- 修复了流程图渲染后页面底部出现大片空白的问题\n- 优化了所有内容在同一层正确显示的顺序\n- 移除了PWA功能及相关配置，解决了构建问题\n\n## 🔧 部署\n\n### 部署到 Vercel\n\n[![Vercel](https://img.shields.io/badge/Vercel-000000?style=for-the-badge\u0026logo=vercel\u0026logoColor=white)](https://vercel.com/)\n\n```bash\nnpm run build\nvercel --prod\n```\n\n### 部署到 Netlify\n\n[![Netlify](https://img.shields.io/badge/Netlify-00C7B7?style=for-the-badge\u0026logo=netlify\u0026logoColor=white)](https://www.netlify.com/)\n\n```bash\nnpm run build\n# 上传 dist 目录到 Netlify\n```\n\n### 部署到 GitHub Pages\n\n[![GitHub Pages](https://img.shields.io/badge/GitHub%20Pages-222222?style=for-the-badge\u0026logo=github\u0026logoColor=white)](https://pages.github.com/)\n\n```bash\nnpm run build\n# 将 dist 目录推送到 gh-pages 分支\n```\n\n## 🤝 贡献\n\n欢迎提交 Issue 和 Pull Request 来帮助改进 MarkFlow Lite。\n\n### 开发流程\n\n1. Fork 项目\n2. 创建功能分支 (`git checkout -b feature/AmazingFeature`)\n3. 提交更改 (`git commit -m 'Add some AmazingFeature'`)\n4. 推送到分支 (`git push origin feature/AmazingFeature`)\n5. 开启 Pull Request\n\n## 📄 许可证\n\n本项目采用 MIT 许可证 - 查看 [LICENSE](LICENSE) 文件了解详情\n\n## 🙏 鸣谢\n\n- [markdown-it](https://github.com/markdown-it/markdown-it) - Markdown 解析器\n- [Highlight.js](https://highlightjs.org/) - 代码语法高亮\n- [Tailwind CSS](https://tailwindcss.com/) - CSS 框架\n- [MathJax](https://www.mathjax.org/) - 数学公式渲染\n- [Mermaid](https://mermaid-js.github.io/) - 流程图渲染\n- [Vite](https://vitejs.dev/) - 前端构建工具\n\n## 📞 联系\n\n项目地址: [https://github.com/blankzsh/markflow-lite](https://github.com/blankzsh/markflow-lite)\n\n**邮箱反馈**: [wchiway@163.com](mailto:wchiway@163.com)\n\n如有任何问题或建议，请提交 Issue 或通过邮箱联系项目维护者。我们重视每一个用户的反馈！\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwchiways%2Fmarkflow-lite","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwchiways%2Fmarkflow-lite","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwchiways%2Fmarkflow-lite/lists"}