[JS/TS] 本地优先Markdown编辑器WeMD：98%还原微信深色模式，提升公众号排版效率

作为公众号创作者，高效的排版工具是刚需。你是否也常遇到这些问题：精心编辑的内容复制到公众号后台后格式错乱；难以便捷地实现代码高亮与数学公式渲染；或担心文章在微信深色模式下显示异常，不得不反复预览调试。对于需要联网登录的编辑器，还存在隐私泄露的担忧。

今天要介绍的WeMD，正是为解决这些痛点而生。这是一款遵循“本地优先”理念的Markdown编辑器，专为公众号排版优化设计。它支持一键复制并完美适配公众号格式，并能高度精准地预览微信深色模式下的效果，从而显著提升内容生产与排版的工作流效率。

核心特性

• 全面的Markdown支持：兼容GFM标准语法，支持表格、代码高亮、数学公式（KaTeX）等丰富元素。
• 一键复制至公众号：编辑后可直接复制，在公众号后台实现“所见即所得”的粘贴效果，告别格式错乱。
• 本地优先与隐私安全：所有数据默认存储在本地，无需注册登录即可使用，保障创作内容的私密性。
• 精准的深色模式预览：内置算法可模拟微信客户端深色模式的实际渲染效果，还原度高达98%以上，排版调试一步到位。
• 多主题与自定义：内置十余款精美主题，并支持通过自定义CSS进行深度个性化。
• 多图床支持：集成官方图床，并支持七牛云、阿里云OSS、腾讯云COS等第三方图床服务。
• 跨平台可用：提供Web在线版本，以及覆盖macOS、Windows、Linux三大平台的桌面客户端。
• 高效编辑功能：支持高级搜索（正则匹配、全词匹配）、批量替换、水平滑动图组等，提升编辑体验。

技术亮点：微信深色模式预览

WeMD的核心竞争力之一是其对微信公众号深色模式的精准模拟，这依赖于内置的色彩语义保全算法。

• 高精度还原：该算法在编辑器中模拟的效果与手机端微信的实际显示效果高度一致，官方宣称还原度超过98%。
• 技术原理：算法基于微信官方开源的wechatjs/mp-darkmode核心逻辑进行迁移与优化，在保证CSS转换性能的同时，力求提供最接近官方客户端的渲染效果。
• 智能处理：算法能够智能识别不同类型的页面元素，并在HSL色彩空间中进行独立计算与转换，确保了转换后整体视觉风格的和谐统一。

快速开始指南

• 在线使用：直接访问 edit.wemd.app 即可开始写作，无需任何安装。
• 桌面版下载：
  • 前往GitHub项目的 Releases页面 下载对应平台的安装包。
  • macOS：选择 .dmg（Intel芯片）或 -arm64.dmg（Apple Silicon芯片）文件。
  • Windows：选择 .exe 安装程序。
  • Linux：选择 .AppImage 文件。

各平台注意事项：

• macOS：若首次打开提示“应用已损坏”，需在终端执行命令：xattr -cr /Applications/WeMD.app。
• Windows：若出现SmartScreen提示“未知发布者”，点击“更多信息”，然后选择“仍要运行”。
• Linux：运行前需为AppImage文件添加可执行权限：chmod +x WeMD.AppImage。

项目技术架构

WeMD采用现代化的前端技术栈与 Monorepo 架构进行开发：

• 主要语言：TypeScript (68.1%)、CSS (27.7%) 与少量 JavaScript (3.9%)。
• 框架与工程化：项目使用 Turborepo 管理多包仓库。其前端界面 (apps/web) 基于 React 与 Vite 构建，提供了高效的开发体验。桌面端逻辑 (apps/electron) 和图片上传服务 (apps/server) 则分别由 Electron 和 NestJS 驱动。
• 核心包：packages/core 包含了Markdown解析、主题管理和各类工具函数的核心逻辑。
• 开发环境：要求 Node.js 版本 ≥ 18，推荐使用 pnpm (≥9) 进行依赖管理。

项目信息速览

• 项目地址：https://github.com/tenngoxars/WeMD
• 主要开发者：tenngoxars (WeMD Team)
• 开源状态：⭐ 234 Stars / 27 Forks (数据可能变动)
• 开源协议：MIT License