使用 Vibe Coding 编写一个属于自己的 VSCode 插件

作者比较了VSCode和Typora的优缺点，Typora支持实时预览和图片引用，VSCode在数学公式输入上更便捷。

为了解决VSCode无法预览图片的问题，作者开发了插件，通过手动搭建框架实现动态加载图片路径和支持图片链接的功能。

Typora支持通过YAML Front Matter指定图片路径，而VSCode的图片路径设置与Hexo不兼容。

作者尝试使用opencode项目和vibe coding来开发插件，最初的尝试未能成功，主要问题在于插件的注册和文档内容获取方法错误。

作者手动搭建项目架构，成功实现了markdown-it插件，能够修改图片的路径。

通过动态获取YAML Front Matter中的typora-root-url，解决了图片路径的滞后性问题。

作者实现了在编辑界面预览图片和链接跳转的功能，但在图像预览和链接下划线长度上遇到了一些问题。

最终的代码放在了vscode-markdown-hexo仓库，虽然存在一些bug，但基本满足个人需求。

作者对vibe coding的经历持正面评价，认为AI在逻辑上强于事实核查，未来可以尝试让AI分析VSCode源代码。