md icon indicating copy to clipboard operation
md copied to clipboard

能否做成vscode扩展

Open zs6 opened this issue 1 year ago • 3 comments

如题

zs6 avatar Aug 08 '24 23:08 zs6

没有想到插件的益处,并且它会是什么样的使用形式呢,你可以说说你的想法。

YangFong avatar Aug 09 '24 12:08 YangFong

  1. vscode有一个Markdown Preview Enhanced,但并没有针对微信公众号等自媒体发布做优化
  2. 本地化可以方便进行文件管理和素材管理
  3. 自定义样式可以保存本地
  4. 本地编辑器或许也可以用Electron或Tauri实现
  5. 功能做好了可以商业化,比如typora

zs6 avatar Aug 10 '24 01:08 zs6

这些功能,更多程度上,是在成为一个 Markdown 编辑器,然而我个人认为,使用该项目的人群,更多是公众号作者,而不是用做日常笔记记录。

这其中,我对第一条有点兴趣。使用 VSCode 编辑 Markdown,读取本地文件,并以类似于 Markdown Preview Enhanced 的使用方式,渲染文件,并提供发文、复制等功能。这样做的好处就在于可以快速回顾与管理往期文章。

image

YangFong avatar Aug 10 '24 07:08 YangFong

可以参考下vscode的office viewer插件,用了vditor这个markdown编辑器,自带复制到公众号功能,虽然只是简单的支持复制,对数学公式、列表、链接等样式没有做优化

Achuan-2 avatar Dec 23 '24 10:12 Achuan-2

我也请求包装成vscode扩展,适用vscode写MD是因为需要版本管理。 MD不仅适合写作,更需要版本管理。

我使用过Markdown Preview Enhanced,它的复制功能到公众号会有损,导致格式错误。 后来卸载掉了。

yuqianyi1001 avatar Feb 26 '25 23:02 yuqianyi1001

我这边基于该项目做了一个本地版本 https://github.com/sleepy-zone/woocs ,感兴趣可以试用一下。

主要把内容存储到了本地和工具栏的一些优化。

sleepy-zone avatar Apr 03 '25 14:04 sleepy-zone

很不错👍 @sleepy-zone

yanglbme avatar Apr 03 '25 15:04 yanglbme

想确认下,对于 VS Code Extension,它需要做的应该是在打开 md 文件时,出现一个预览图标,点击图标之后出现渲染的预览页面,在交互使用上应该跟VS Code自带的md功能是一样的。 如果要根据目前的项目做迁移,最必要的操作应该就是将 md 文件,渲染成 HTML 部分并附带上公众号的那些 CSS 的代码。还有可能需要一些预设的主题样式希望能带上,除此之外还有别的吗。

syhxzzz avatar May 29 '25 09:05 syhxzzz

是的,我觉得这个插件用来做预览,并且做一些样式主题的自定义设置。@syhxzzz

yanglbme avatar May 29 '25 09:05 yanglbme

我尝试了一下,这个应该是能做的,我的做法是创造一个新的 WebView 页面,然后放上经过 doocs-md 处理后的 html 内容

打算方案

  1. 改造目前的项目结构,将目前的md转换为html的代码做成单独的函数,作为 renderer。
  2. 可以在已有的仓库下新建一个 vscode extension 目录,然后引入 renderer。或者通过 npm 发包的方式,将 renderer 独立,之后再另一个项目里import这个包。@yanglbme 你觉得哪个方案会好点
  3. 对于目前的主题的CSS,也需要单独进行打包放到 vscode 的 WebView 中

syhxzzz avatar May 29 '25 12:05 syhxzzz

我倾向于直接在这个仓库中创建 vscode ext 的相关目录,代码统一维护。@syhxzzz

yanglbme avatar May 29 '25 12:05 yanglbme

有人可以告知下,如何在vscode中使用吗?

JeffWoo2019 avatar Jun 15 '25 16:06 JeffWoo2019