markdown编辑器

文章目录

✅ 当前markdown方案
- 2023.5.29
- 2023.5.25
🌈 milkdown及其他类似的编辑器
😂 伤心的typora（美化typora，主题）

✅ 当前markdown方案

2023.5.29

masOS的笔记软件（不是个单纯的markdown编辑器），有导航栏的文件目录结构

https://github.com/glushchenko/fsnotes

2023.5.25

其实如果是macos的话，其实可以直接在APP里搜索 markdown，

我现在用的是One Markdown，不是所见即所得显示，
但是有目录，可以直接粘贴图像（存到提示让你选择的目录里）
软件大小也很小，启动速度很快，主题需要额外付费才行，但是默认这个主题已经很不错了

尝试了以下内容：

sublimeText+markdown插件
macdown编辑器
vscode+插件

当前的解决方案：

预览上，使用macdown编辑器，轻量级，打开快，默认双栏，UI界面美观度还可以
编辑上，使用vscode+Markdown Paste插件，vscode打开稍微有点慢，重了些；这个插件就是直接粘贴图像会帮你保存到一个默认位置。就是我找了好久想要的功能，哈哈哈；marktext很丑，typora。。

🌈 milkdown及其他类似的编辑器

结论：
看了一圈，算了，还是不折腾这种npm前端的包了，老老实实用vscode+插件吧，也不要什么WYSIWYG了，有兴趣和前端基础的可以去折腾一下

引入

稀里糊涂发现在vscode的markdown文件右击，可以看到Milkdown这个东西，
也就是说：VScode的markdown功能实现是使用的Milkdown插件。

关于milkdown

Milkdown是一个所见即所得的Markdown编辑器，基于prosemirror和remark构建，完全开源，可以运行在浏览器和electron中。类似开源可自由扩展的Typora。
适用于需要混合富文本和Markdown的使用场景，例如需要使用markdown作为存储但需兼顾不熟悉markdown的用户。或喜欢所见即所得的编辑模式的用户。入门开发者可以学习到如何使用prosemirror来开发富文本编辑器，以及如何设计一个针对编辑器的插件系统。
不同于其它Markdown编辑器，Milkdown是插件驱动的，因此用户可以根据自己的需要定制编辑器的能力，例如扩展特有的markdown语法，渲染特殊节点，定制主题。

参考：

自荐项目 | Milkdown #1803
V2EX( way to explore)-Milkdown 中文文档，有项目主要作者的回答，
有什么好用的轻量级的Markdown编辑器吗？，从这个回答来看，markdown编辑器基本都是前端的人写的
掘金社区：呀！这款markdown编辑器我太钟意啦！
任由文字肆意流淌，更自由的开源 Markdown 编辑器

其他

除了这个milkdown，其实还有很多类似的前端（基于JavaScript或者Typescript的）写的markdown编辑器，基本都是基于vue或者react框架的，对于前端小白来说，不是很能快速上手。同类型的还有：

Github-pandao/editor.md
- 主页：https://pandao.github.io/editor.md/
还有vditor
- 介绍主页：https://b3log.org/vditor/demo/index.html
另外，值得一提的是，名气比较大的思源笔记，就是基于这个vditor做的，
- 以前叫链滴笔记
- 现在就是：思源笔记-github-siyuan-note/siyuan
- 思源笔记官网：https://b3log.org/siyuan/
- 思源笔记是付费的，和obsidian差不多，都是构建个人知识管理系统
- 也可以看看这个：Vditor的开发痛点思考——“vditor 目前是作为思源笔记的底层实现存在，所以对思源笔记的修复支持是首位的 ”
所以这些笔记软件，最终都会从开发版本变成一个成熟的软件，付费版本，也没什么问题。milkdown的作者也说这个可能会变成一个独立的软件
补充一个，常见的WYSIWYG指的是所见即所得，what you see is what you get，类似word这样的编辑器就是的

参考：最适合程序员的笔记软件-阮一峰

😂 伤心的typora（美化typora，主题）

进入typora的主题网页：https://theme.typora.io，如果打不开请考虑科学上网。不能科学上网的也没关系，我下面会放一些主题的图片，自行选择。

注意，这些主题并不一定经过完全的测试，可能导出pdf会有问题，可能显示会有问题，请自行斟酌/修改使用

我最后选择的是 orange-heart主题

1.1 如何使用新主题

以mac为例，偏好设置->外观->打开主题文件夹
在这里插入图片描述
我的主题文件夹位于：/Users/yourname/Library/Application Support/abnerworks.Typora

直接将所下载主题的CSS文件放入其中，然后重启Typora，重启后就可以在主题中找到自己刚刚添加的主题了