新的介绍内容

Markdown & HTML实时预览：提升您的编写体验

Markdown & HTML Live Preview是一款专为VS Code设计的扩展工具，提供Markdown和HTML文件在浏览器中的实时预览功能，并支持自动重载，极大提升了您的编写和预览效率。

支持我们

支持Techopolis - 帮助我们继续开发可访问的技术解决方案。加入BITS - 以每年20美元成为BITS会员。

背景

此扩展由Techopolis Online Solutions与盲人信息技术专家（BITS）计划合作开发，旨在支持超过200名盲人学习Markdown、HTML和WordPress。虽然其他预览扩展已存在，但它们并未完全可访问。此扩展专门解决了这一重要的可访问性挑战。

盲人信息技术专家（BITS）是一个非营利组织，致力于：

• 促进盲人计算机专业人员的职业发展
• 推动盲人使用计算机技术，改善其个人和职业生活
• 倡导为所有视力受损者改善信息访问

功能

• 在浏览器中实时预览Markdown和HTML文件
• 保存时自动重载
• 智能处理HTML（保留现有HTML结构）
• 可配置的端口设置
• GitHub风格的Markdown渲染
• 完全的上下文菜单集成
• 编辑器标题菜单集成
• 完全可访问的界面

命令

• MP: 打开预览 - 在浏览器中打开Markdown或HTML预览
• MP: 设置默认端口 - 配置预览服务器端口

您可以从多个位置访问这些命令：

• 命令调色板
• 在资源管理器中右键点击Markdown/HTML文件
• 在Markdown/HTML编辑器中右键点击
• 编辑器标题菜单（编辑器右上角）
• 编辑器标题上下文菜单

设置

• mp.server.port: 预览服务器的端口号（默认：20000）
• mp.server.autoOpen: 保存时自动在浏览器中打开预览（默认：true）

使用方法

1. 打开一个Markdown（.md）或HTML（.html, .htm）文件
2. 从以下位置访问命令：
   • 命令调色板（Ctrl Shift P或Cmd Shift P）
   • 文件资源管理器中的右键菜单
   • 编辑器中的右键菜单
   • 编辑器标题栏图标
   • 编辑器标题上下文菜单
3. 使用“打开预览”启动预览
4. 使用“设置默认端口”配置端口号
5. 编辑您的文件并保存 - 预览将自动更新

HTML支持

该扩展提供智能HTML处理：

• 对于完整的HTML文件：保留现有结构，仅注入实时重载
• 对于部分HTML：将内容包装在适当的HTML结构中
• 支持.html和.htm文件

要求

• VS Code 1.60.0或更高版本

已知问题

• 无

发布说明

1.5.0

• 添加了HTML文件支持（.html, .htm）
• 智能HTML处理（保留现有结构）
• 改进了错误处理和类型安全性
• 更新到最新版本的依赖项
• 增强了可访问性功能
• 更好的TypeScript集成

1.0.0

首个稳定版本：

• 实时预览功能
• 保存时自动重载
• 可配置端口
• GitHub风格的Markdown渲染
• 上下文菜单集成
• 完全的可访问性支持
• BITS合作集成

许可证

此扩展在GNU通用公共许可证v3.0下许可 - 详见LICENSE文件。

版权

版权所有 © 2025 Techopolis Online Solutions, LLC。保留所有权利。