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/ 相对路径即可。

相关推荐
bookish_2010_prj17 分钟前
vscode构建简单编译和调试环境
ide·vscode·编辑器
百锦再3 小时前
Android Studio 实现自定义全局悬浮按钮
android·java·ide·app·android studio·安卓
百锦再3 小时前
Android Studio 项目文件夹结构详解
android·java·ide·ios·app·android studio·idea
妙为6 小时前
visual studio 2022更改项目名称,灾难性故障(异常来自HRESULT)
ide·visual studio·更改项目名称·hresult·灾难性故障
不是AI8 小时前
【安卓开发】【Android Studio】Menu(菜单栏)的使用及常见问题
android·ide·android studio
百锦再10 小时前
Android Studio 中文字大小的单位详解
android·xml·java·ide·app·android studio
残月只会敲键盘10 小时前
Visual Studio C++引入第三方库
ide·visual studio
来自星星的坤11 小时前
解决 VSCode 中 NVM 配置后无法识别 Node 和 NPM 的问题
ide·vscode·npm
FOREVER-Q18 小时前
WebStorm中Gitee账号的密码登录与令牌登录设置
ide·gitee·webstorm
田野与天1 天前
jupyter 文件浏览器,加强版,超好用,免费exe
ide·python·jupyter