Visual Studio Markdown Editor 插件导出 HTML

Visual Studio Markdown Editor 可通过右键弹出菜单选择"另存为",轻松导出HTML文件或是单一的mhtml文件。然而,这个插件在导出HTML文件时有一个小问题,就是md文件中的一些内部链接无法在导出的HTML文件中正常工作。

其中的原因是:导出的HTML中采用的是 http://browsing-file-host/ 这个统一硬编码的链接。所以会导致这个链接无法被当前HTML文件所访问。

因此对于 markdown 内部链接而言,我们可以将导出的HTML中的 http://browsing-file-host/ 修改为 ./markdown.html/ 即可。

例如,原来导出的 markdown.html 文件内容为:

html 复制代码
<ul id="pragma-line-2">
<li id="pragma-line-2"><a href="http://browsing-file-host/#abbreviation">Abbreviation</a></li>
<li id="pragma-line-3"><a href="http://browsing-file-host/#register_type_descriptions">Register Type Descriptions</a></li>
<li id="pragma-line-4"><a href="http://browsing-file-host/#unit-description">Unit Description</a></li>
</ul>

修改后为:

html 复制代码
<ul id="pragma-line-2">
<li id="pragma-line-2"><a href="./markdown.html#abbreviation">Abbreviation</a></li>
<li id="pragma-line-3"><a href="./markdown.html#register_type_descriptions">Register Type Descriptions</a></li>
<li id="pragma-line-4"><a href="./markdown.html#unit-description">Unit Description</a></li>
</ul>

而对于图片之类的静态链接,直接用 images/ 相对路径即可。

相关推荐
摇滚侠14 小时前
IDEA 创建 Java 项目 手动整合 SSM 框架
java·ide·intellij-idea
霸道流氓气质16 小时前
Trae IDE 新手入门指南
ide
爱就是恒久忍耐20 小时前
VSCode里如何比较2个branch
ide·vscode·编辑器
bloglin9999921 小时前
vscode中可视化的合并分支,在“合并编辑器中解析”中“与基线进行比较”是什么意思
ide·vscode·编辑器
终将老去的穷苦程序员21 小时前
IntelliJ IDEA 的安装教程
java·ide·intellij-idea
我不是懒洋洋1 天前
【C++】string(string的成员变量、auto和范围for、string常用接口的说明、OJ题目、string的模拟实现)
c语言·开发语言·c++·visual studio
C++ 老炮儿的技术栈2 天前
Ubuntu root账号自动登陆
linux·运维·服务器·c语言·c++·ubuntu·visual studio
春日见2 天前
vscode的AI编程插件推荐:
大数据·ide·vscode·算法·机器学习·编辑器·ai编程
lazy H2 天前
Spring Boot 项目如何连接 Redis?新手入门配置和常见错误总结
ide·spring boot·redis·后端·学习·intellij-idea
2601_962054952 天前
终端与IDE形态的vibe coding实测:两款AI编程工具迭代能力对比
数据库·ide·ai编程