# 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
## 功能特点
1. 在 VSCode 上实时预览 Markdown 内容
2. 一键复制公众号格式 HTML
3. 离线使用
4. 本地 css 主题样式管理
5. 主题色切换
6. 标题编号、强制换行、图片域名、引用链接等特色功能
## 如何使用
当你安装了这个扩展,在你编辑 `markdown` 文件窗口的右上角,会添加一个 `markdown-to-wechat: 预览` 的图标,点击即可。
## 如何自定义主题
你可以通过 VSCode 命令面板,通常默认快捷键是 `Ctrl-Shift-p` ,来使用 `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 样式文件,等等。
这样,我就拥有了一个完全自主可控的微信公众号排版工具。
## 赞助支持
如果你觉得这个工具对你有帮助,可以考虑给予一些赞助支持,这将有助于我持续改进和维护这个项目。
**你的每一份支持都是我继续开发的动力!**