# vscode-markdown-to-wechat **Repository Path**: fanyaoting96/vscode-markdown-to-wechat ## Basic Information - **Project Name**: vscode-markdown-to-wechat - **Description**: No description available - **Primary Language**: Unknown - **License**: GPL-3.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2025-06-17 - **Last Updated**: 2025-06-17 ## Categories & Tags **Categories**: Uncategorized **Tags**: fork, Markdown ## README

VSCode Markdown-to-Wechat

有没有人像我一样用 VSCode 编辑 Markdown 文本,然后发布到微信公众号的? 通常你需要把 Markdown 内容先复制到其他编辑器,再复制到公众号上。 现在,这一步你可以省略了。 本扩展将 Markdown 转换为微信公众号兼容的 HTML ,直接在 VSCode 上预览复制,与 VSCode 完美结合。 本项目完全开源,无需注册,安装即用。 截图 ## 功能特点 1. 在 VSCode 上实时预览 Markdown 内容 2. 一键复制公众号格式 HTML 3. 离线使用 4. 本地 css 主题样式管理 5. 主题色切换 6. 标题编号、强制换行、图片域名、引用链接等特色功能 ## 如何使用 当你安装了这个扩展,在你编辑 `markdown` 文件窗口的右上角,会添加一个 `markdown-to-wechat: 预览` 的图标,点击即可。 编辑窗口右上角的预览图标 ## 如何自定义主题 你可以通过 VSCode 命令面板,通常默认快捷键是 `Ctrl-Shift-p` ,来使用 `markdown-to-vscode` 的相关命令。 markdown-to-vscode 的相关命令 比如 `markdown-to-vscode: 打开主题文件夹` ,它会打开主题文件默认的存储位置。 在 `themes/` 目录内,已经有一个 `custom.css` 文件,你可以直接编辑它,或者新建一个 css 文件。 对于扩展中的默认主题,位于本项目的 `/media/themes/` 目录内。 ## 开发指南 本项目源码分为两部分:一个扩展端的源码,位于 `src/` 目录下;一个是预览端的源码,位于 `webview-src/` 目录下。 ```bash # 安装扩展依赖,在项目根目录下运行 pnpm i # 安装预览端的依赖,在 webview-src/ 目录下运行 cd webview-src/ pnpm i # 回到根目录,运行开发模式 cd .. pnpm run dev ``` 使用 VSCode 打开项目,按下 `F5` ,即可运行或 Debug 本扩展的开发版。 关于本项目的架构,可查阅 [GUIDE](./GUIDE.md) 。 ## 为何开发这个扩展 我日常使用 VSCode 编辑 Markdown ,记笔记、写作,发布到个人博客。 自 2025 年开始写微信公众号,每次发布都要在其他 Markdown 编辑器中转一个流程,这让我觉得挺别扭。 有时候在手机上预览,发现有地方需要修改,这个复制再复制的流程又得重复一次。 为了节省这几分钟,跳过中间环节,所以有了这个扩展。 开发这个扩展的过程中,我还发现了一些额外的好处,比如: 可通过 VSCode 同步配置; 本地管理个人的 css 样式文件,等等。 这样,我就拥有了一个完全自主可控的微信公众号排版工具。 ## 赞助支持 如果你觉得这个工具对你有帮助,可以考虑给予一些赞助支持,这将有助于我持续改进和维护这个项目。 **你的每一份支持都是我继续开发的动力!**

## 感谢 - [remark](https://github.com/remarkjs/) 提供核心 markdown 转换。 - [doocs/md](https://github.com/doocs/md) 提供灵感来源。