非侵入式负荷监测_Zhihu On VSCode 史诗级特性：非侵入式编辑

该文章发布于 VSCode-Zhihu 插件

如果你熟悉一些开源框架，你一定听过 Non-Invasive 这个词，它常常指的是，用户没有必要因为使用这个框架，而在用户编辑的源码或文档中添加关于框架的一些东西。

事实上，小岱在 Zhihu On VSCode 中，已经做的还不错：用户原本怎么在 VSCode 里写 markdown，就怎么写，无需为了发布在知乎平台上而在文档中添加或改变一些东西，所有的兼容性问题，文档的解析转换过程，都隐藏在了插件中，用户基本上可以达到 “在 VSCode 里预览的是什么样，发布在知乎上就是什么样”，然而，还有一个重要问题没有得以解决，那就是图片的问题。

众所周知，一个来自外域的图片链接，是不一定能在知乎平台上正常显示的，因为会涉及到跨域问题，为了安全起见，原则上所有答案/文章中的图片，都要上传至知乎的图床，然后将链接放在答案中，这样才能正常显示。

不仅如此，知乎服务端也不允许上传的答案或文章中的图片的来源为非知乎的源，即便我们试图这样做，其实也是不可行的。

所以在图片链接上这点，用户需要用插件自身提供的图片上传功能，上传至知乎图床，插件也会自动在 Markdown 文本里插入图片链接，其实已经比较方便了，但不能算作“非侵入式”，因为这改变了用户本来的习惯。

于是小岱开始开发了一个新 Feature，这个 Feature 可以让用户无需在意图片链接是否是来自知乎图床，这个链接可以是本地的相对路径，也可以来自于知乎域外，发布至知乎时，所有的图片都能够正常显示。

也就是说，随便在你的电脑中拿出一个你以前写好的某个 README，就算这个 README 里面有一堆相对路径的图片，或来自奇奇怪怪的图床的图片，只需右键点击发布，it just works。

比如：

源 Markdown 中的所有图片都是相对路径或来自外链。

发布后的效果：

It just works.

所以随着这个功能的实现，知乎插件在内容创作上也真正实现了 “非侵入式”，用户本来怎么写，就怎么写，预览什么样，发布就什么样。

好的产品就应该尽可能复杂的东西隐藏起来，把简洁易用的接口让用户使用，如果用户觉得这个插件很复杂，那这个插件就是一个失败之作。

该功能刚上线，可能会带来更多的问题，欢迎用户们到小岱的代码仓库下用issue告诉插件存在的问题。

解决的 Issue：

1. 修复了代码块缩成一行的 Bug。

2. 文章发布过程中有发布提示：

彩蛋

因为插件本身利用了知乎 Web 和 App 端没有提供的特性，因此文章的背景图片可以采用 gif 动图。

关注项目作者 @牛岱。

声明：该项目为非官方，非盈利的开源软件，目的在于帮助创作者更稳定地输出高质量内容。

记得去小岱的项目仓库打颗 ⭐ 哦！