VSCode Share

VSCode 扩展 - 将 Markdown 文档分享为 HTML

功能特性

Markdown 功能

• 在 Markdown 文档中右键菜单添加"分享为 HTML"选项
• 使用 marked 库将 Markdown 转换为 HTML
• 支持 Mermaid 图表渲染
• 自动上传到云端并返回分享链接
• 可选择在本地生成同名 HTML 文件

HTML 功能

• 在 HTML 文档中右键菜单添加"分享"选项
• 直接分享现有 HTML 文件到云端
• 提供复制链接和浏览器打开功能

通用功能

• 详细的进度提示和错误处理
• 支持深色/浅色主题自动切换
• 完整的 Mermaid 图表支持
• 优美的响应式设计和排版
• 自动使用文件名作为文档标题

使用方法

Markdown 文档分享

1. 打开任意 Markdown 文档
2. 在编辑器中右键点击
3. 选择"分享为 HTML"菜单项
4. 等待转换和上传完成
5. 在弹出的对话框中选择复制链接或在浏览器中打开

HTML 文档分享

1. 打开任意 HTML 文档
2. 在编辑器中右键点击
3. 选择"分享"菜单项
4. 等待上传完成
5. 在弹出的对话框中选择复制链接或在浏览器中打开

配置本地 HTML 生成

1. 打开 VSCode 设置（Ctrl+,）
2. 搜索 "vscode share"
3. 启用 "Generate Local Html" 选项
4. 之后分享 Markdown 时会同时生成本地 HTML 文件

安装依赖

cd vscode-share
npm install

编译

npm run compile

开发

npm run watch

技术栈

• TypeScript
• VSCode Extension API
• marked (Markdown 解析)
• axios (HTTP 请求)
• Mermaid (图表支持)

注意事项

• Markdown 功能仅在 .md 文件中生效
• HTML 功能仅在 .html 文件中生效
• 需要网络连接才能上传到云端
• 上传的 HTML 包含完整的样式和 Mermaid 支持
• 本地 HTML 生成功能需要文件保存权限