Obsidian 插件：HTML Preview

概述

插件名称

HTML Preview

主要功能

启动本地 HTTP 服务器，对 HTML 文件提供实时预览，支持保存自动刷新，可在 Obsidian 内嵌入预览面板，也能在系统浏览器打开。

适用场景

适合在 Obsidian 中编写和调试 HTML 文件，无论是简单页面还是包含 CSS、JS、字体和图像的复杂页面都适用。

核心特色

• 本地服务器确保相对路径资源正常加载。
• 利用 WebSocket 实现约 300ms 内自动刷新。
• 提供嵌入预览面板，可一键切换预览和源码视图。
• 具备路径遍历保护，保障文件安全。
• 端口自动递增，避免端口冲突。

使用建议

可通过 Obsidian 社区插件搜索安装，也能手动下载文件安装，还可借助 BRAT 插件安装。在编写 HTML 文件时，利用自动刷新和切换视图功能提高开发效率，若需全面查看效果可在系统浏览器打开预览。

讨论

若阁下有独到的见解或新颖的想法，诚邀您在文章下方留言，与大家共同探讨。