Milkdown 中文文档

[mirone]

最近终于把文档的本地化做好了，立刻加上了中文文档，欢迎大家阅读和使用。

链接： https://saul-mirone.github.io/milkdown/#/zh-hans

有些朋友问能不能自定义样式，答案当然是可以

[moxuanyuan]

不错

[agagega]

感觉有些像 Editor.js ？

[ss098]

体验了一下，很强。

[Shook]

体验了下，发现修复了之前弹框位置超出的 bug，还行。

[aircjm]

quasar 用的不是 vite 好像用不了 虽然也是 vue3 了

[mirone]

@agagega 编辑器总是大同小异的，我这边主打的是基于 markdown 和扩展性两点

[ipwx]

很强！！！！盼望这玩意儿好久了！！！！

可以愉快的 hack 自己的笔记软件了。

[mirone]

@Shook 之前的 bug 基本都修复啦

[mirone]

@aircjm 其实我不是 vue 专家，但是之前帮几个用户看过基于 vue-cli 创建的仓库，是能够跑起来的

[ipwx]

@mirone 就数学公式行内显示这一点，真的是长久以来根本没有可选项。左右双栏在大段公式的情况下真的是没法用，特别是如果我还要边推公式边写。除了 Typora 没有可以用的，但是 Typora 没法 hack 。

有一个小建议：Typora 正在编辑的公式会在下方显示一个小框实时预览。大佬您看……？（厚颜无耻）

[mirone]

@ipwx 这个可以安排一下，劳烦您提一个 issue，实时预览框应该是可以实现的

[ipwx]

@mirone QAQ 好的这就去提（顿首）

[aircjm]

@mirone 哈哈哈 我是做后端的 前端太复杂了

[LingTai]

 样式混乱了

[Hanser002]

不错 牛啊兄弟

[andyskaura]

支持支持！

[mirone]

@wangjiang 您好，这可能是由于众所周知的网络原因导致谷歌的 material icon 图标库没有加载出来....

[v2ka]

這個產品做的真讓人舒服。

只是面向的應該是開發人員。

讓很多普通用戶無法下手。

總之不錯~加油呀~

[balabalaguguji]

这个很棒

[SenLief]

希望有人出个产品来看看，毕竟不熟悉前端呀。

[JackalZhao]

使用 Typora 最大的问题就是长文的性能问题，milkdown 的性能如何，所见即所得编辑器的性能有什么好的评价指标吗？

[rico2logout]

链接里 GitHub 仓库不好找，想给个 star 找了好久，结果原来在右上角的分享按钮，感觉那个按钮可以改成 GitHub 的那只猫图标

[mirone]

@v2ka 希望普通用户也可以通过插件来更方便的使用吧，类似 gitbook，还需要更多的插件来做到这件事

[mirone]

@SenLief 后续可能会用这个单独做一款笔记软件

[mirone]

@JackalZhao 这就取决于 prosemirror 的性能了，我其实没有单独搞过 benchmark

[mirone]

@fidetro 好的，感谢建议

[darrh00]

体验真不错, 有没有可能用这个库做个 vscode 的插件？

[mirone]

@darrh00 没有研究过 vscode 插件，如果支持 web view 或者 iframe 的话应该是没问题的

[484A4B]

真不错啊 支持一下

[root01]

Typora 牛逼

[code4you]

颜值不错 😁

[shawndev]

不错

[SenLief]

@mirone 先整个 web 版本的出来，这个容易。

[SuperManNoPain]

好东西

[Lemeng]

不错不错，绑定一下

[rita413413]

请问楼主 文档你使用的是什么框架生成的呢？

[Aixtuz]

代码块点击语言名称会弹出列表，点击向下箭头反而不会？

[jingslunt]

有 wasm 格式的吗？想把文档全部渲染一下

[musi]

先 star 一波，不过你这网站上的 github 链接是真不显眼，搞了个毫无关系的图表我还找了半天

[LittleDust]

nice

[cweijan]

不错, 很漂亮

[saltbo]

棒啊，前几天我刚给 zpan 里集成了一个 markdown 编辑器，但是不是太满意。 看到楼主目标是想做成 notion 那样的，期待一下。 我看下能不能把之前集成的换成你这个，我本来的目标是可以让我的用户可以方便的编辑 zpan 里的 md 文件。现在有了你这个项目，我觉得完全可以目标改为：自建版本的 Notion

[hxse]

@mirone 支持双向链接吗, 或者写个插件来支持, 可行吗?

[Joeith]

不知道 Obsidian 的编辑器能换成这个吗，估计要大改了

[jupiter157]

点开了一下在线体验，你这 bug 有点多啊
1. 开篇的链接用的是中文括号，所以没有链接，还让我研究了好一会链接在哪里
2. 代码块下拉箭头无效
3. 你的行内代码格式显示‘|’符号非常不友好，直接上下顶头了，让人看不出来这是啥

[kokdemo]

好强，给楼主点赞

[mirone]

@rita413413 是自己用 react 做的，源码在仓库的 gh-pages 目录里

[mirone]

@Aixtuz 这个是已知的一个问题，在修复了

[mirone]

@musi 好像确实不太明显

[xingheng]

我要 PlantUML ！

[mirone]

@jupiter157 感谢您的建议，1 、3 算是体验上面的问题，2 是一个已知问题，正在修复，如果您找到更多问题也欢迎反馈

[mirone]

@hxse 请问什么是双向链接

[mirone]

@wangyanchen126 这种闭源软件的就看他们自己的想法了，外人很难插手

[mirone]

@xingheng 后续计划通过这个支持流程图： https://mermaid-js.github.io/mermaid/#/

[jiayong2793]

markdown 最大的缺点是不通解析器有不同的解析规则，你的工具写出的文档能在其他地方正常显示吗？

[mirone]

@jiayong2793 markdown 的特点是灵活，所以很多不同工具都有不同的扩展，markdown 是有两套比较常用的语法规范，一个是最基本的 markdown 语法 commonmark，还有一个是 github 在用的 gfm，milkdown 支持了这两种规范。对于有自己特殊定制语法的软件，就无法支持了。

[hxse]

@mirone #52 参考一下: https://sspai.com/post/67996
大概就是可以对文章元素进行较细粒度的引用

[creanme]

体验了一下，挺牛逼的

[olbb]

挺好的 加油

[mirone]

@hxse 感谢科普，这个是可以通过插件实现的

[ClarkAbe]

star

[killua67]

挺厉害的。

[creaink]

有支持 VSCode 插件的计划么？

[xiadd]

nice

[nekoneko]

强👍👍

[mirone]

@creaink 如果之后有空可以做一下，暂时没有更多精力了

[JawnHa]

emmm 能拿来做 markdown 的渲染吗？还是只是个编辑器

[mirone]

@JawnHa 你猜猜文档是用什么渲染的？

[stimw]

支持一下

[kokdemo]

obisdian 的编辑器要是能有这个感觉就爽了

[lizhesystem]

做编辑器的一般都是大神😁

[JackalZhao]

输入体验还是很棒的，期待以后的编辑器、笔记软件。希望语法上可以支持一些 markdown 拓展语法，例如 markdown admonition 语法。

[mirone]

@JackalZhao milkdown 最大的特点就是扩展性比较好，文档中甚至有一篇专门教用户如何编写自定义扩展语法的
https://saul-mirone.github.io/milkdown/#/zh-hans/example-custom-syntax

[lightjiao]

强，一直想要一个支持多种扩展语法的 markdown 编辑器
虽然 Typora 已经支持了很多，但 latex 支持得不全，而且 github pages 博客也几乎没有支持 markdown 扩展语法的

[LeeReamond]

https://imgur.com/mLg8AY1

帮忙捉个虫，编辑模式下右页高度，有问题，横移还有行重合问题，另外公式标记符没有高亮。
不过说实话我没有太搞清楚这个项目的点

[LeeReamond]

v2ex 怎么发图来着。。

[quericy]

体验了下还不错~

不过双栏编辑模式下，右侧的宽度感觉有点窄，显示不了几个字符就得滑动着看

[marcosteam]

@wangyanchen126 你跟我想到一块了

[mirone]

@LeeReamond 因为右页其实并不是 milkdown 的一部分，它只是为了让你看到你输入的 markdown 原文是什么，milkdown 本身是指左半部分，那里是可以直接编辑的。

[mirone]

@quericy 因为右页其实并不是 milkdown 的一部分，它只是为了让你看到你输入的 markdown 原文是什么，milkdown 本身是指左半部分，那里是可以直接编辑的，所以我没有花精力去对右半部分做很多调整。

[005008]

很棒，先收藏一下~最近在用 slatejs 做~

[mirone]

@darrh00 现在有个先行版可以试试了

https://marketplace.visualstudio.com/items?itemName=mirone.milkdown&ssr=false#overview

[darrh00]

@mirone

已经用上，太赞了～～～

[librer]

作为普通用户表示一脸懵逼，不知道该怎么用。所以说，这软件有没有客户端的？是只有 web 端吗？

[balabalaguguji]

请问这个可以添加自定义的语法吗？比如我要加`>r 这是一个红色背景的引用块`，似乎识别不了，报错：Uncaught Error: Cannot handle unknown node `redquote`

[mirone]

@balabalaguguji issue 里回复你了

[balabalaguguji]

@mirone 看到了，感谢