我发布了 vue-markdown-render,这是一个专注于 Vue 的 Markdown 渲染库,针对大型文档和实时预览进行了优化。其核心功能包括渐进式/增量式的 Mermaid 渲染、流式差异代码块(在接收差异时进行渲染)以及各种渲染器级别的优化,这些优化大幅减少了首次渲染的时间和在重负载下的内存使用。
<p>为什么会有这个库:许多 Markdown 渲染器在处理大型文档、大型嵌入图表和实时编辑场景时表现不佳。典型的方法是在处理所有资产/图表/代码之前阻塞渲染。在交互式编辑器中,这会导致卡顿和缓慢的反馈循环。vue-markdown-render 针对这些痛点,采用了流式优先的设计。
<p>主要特点:
<p>渐进式 Mermaid:复杂图表增量渲染,用户可以更早看到可用的图表。
流式差异代码块:差异/代码块渲染可以在接收过程中流式输出部分结果,以提供即时反馈。
性能优先架构:懒惰解析、分块渲染和谨慎的内存使用。在一些大型文档基准测试中,我们观察到与 Streamdown 相比约有 100 倍的加速(具体取决于测试案例和环境)。
快速开始:使用 npm 安装 vue-markdown-render
```javascript
// 在 Vue 3 应用中
import { createApp } from 'vue'
import App from './App.vue'
import VueMarkdownRender from 'vue-markdown-render'
const app = createApp(App)
app.use(VueMarkdownRender)
app.mount('#app')
```
<p>复现基准测试(大致)我们在 /playground 下提供了一个小的基准测试仓库(或在发布中附上链接)。要复现类似的测试:
<p>准备一个包含多个代码块和几个大型 Mermaid 图表的大型 Markdown 文件(例如,总行数超过 5 万)。
使用 Node 或浏览器自动化脚本对 vue-markdown-render 和 Streamdown(相同输入)进行计时渲染。
测量首次绘制时间和完整渲染时间,并分析内存使用情况。注意事项和警告:
“100×”的数字依赖于工作负载:它代表在一些重负载、类似真实场景的测试中观察到的加速,而不是普遍的保证。
环境(CPU、浏览器、Node 版本)和特定文档结构的差异会影响结果。
我们欢迎对测试工具的复现和 PR。
讨论点/向社区提问
<p>你尝试过哪些大型文档工作流程仍然感觉缓慢?
你是否希望有一个开箱即用的编辑器集成(Monaco/CodeMirror 演示)?
对额外的流式友好的 Markdown 扩展有什么想法?
链接
<p>仓库:https://github.com/Simon-He95/vue-markdown-render
游乐场/基准测试:(链接到游乐场文件夹或单独的基准仓库)
快速演示:(如果有的话,链接到演示网站)
感谢 — 欢迎提问,也希望能收到关于基准测试方法或集成示例的反馈。
返回首页
最新
嗨,Hacker News!我们很高兴分享我们的新项目:Ray3,现在可以在 <a href="https://ray3.run" rel="nofollow">https://ray3.run</a> 上访问。
我们热爱制作AI视频,但注意到它们往往看起来有些假——画面跳动,物理效果不真实。我们开发了Ray3来解决这个问题。
Ray3有什么特别之处?
它可以“思考”(推理):Ray3是第一个能够“推理”的视频模型。这意味着它会首先考虑你的创意,检查自己的工作,然后再尝试改进。即使在长时间复杂的镜头中,它也能帮助保持角色和场景的一致性。
超真实色彩(HDR):Ray3可以制作16位HDR视频。这是一种说法,意味着颜色、光线和阴影更加真实和美丽。这是电影制作人所使用的质量。
快速创意测试(草稿模式):我们添加了草稿模式,让你可以在大约20秒内测试你的创意。如果你喜欢这个草稿,可以将其升级为最终的高质量HDR视频。再也不需要漫长等待,只为看看你的创意是否可行!
更好的物理效果:我们努力让运动和物理效果看起来更正确。事物的表现就像在现实世界中一样。
我们真心相信,这种“思考”型AI与专业级HDR质量的结合是视频创作的一大进步。
试试看,告诉我们你的想法:<a href="https://ray3.run" rel="nofollow">https://ray3.run</a>
我们非常期待听到你的反馈——特别是关于颜色的表现,以及草稿模式是否帮助你更快工作!
<a href="https://archive.is/sMrZA" rel="nofollow">https://archive.is/sMrZA</a>
我曾经使用Continue很长一段时间,感觉非常棒。不幸的是,它现在变得太多bug了。我失去了将图片复制粘贴到聊天中的能力,因此失去了与我使用的AI(通常是OpenAI的GPT模型)沟通的方式。还出现了一个讨厌的复制粘贴bug(是的,是另一个不同的复制粘贴bug),有时我的编辑器会拒绝让我复制粘贴内容,直到我重启VS Code。你可以想象这对工作流程有多大的负面影响。当我发现禁用扩展后这个bug立刻消失时,我对Continue感到非常生气。
我卸载了它,尝试了Cline,但我甚至无法让Cline在简单的CTRL+'(他们默认的快捷键打开Cline聊天)下可靠地打开聊天。所以我也迅速卸载了它。我很好奇这里有没有人尝试过一些经得起时间考验的工具,并能推荐给我?
其实,我想要的只是一个极其流畅的AI聊天体验,让我能够掌控全局。我讨厌代理,讨厌看着代理慢慢处理我给它的任务,而这些任务本来设计得非常细致小巧,结果代理还是搞砸了,我最终还得去修复。我更愿意保留我在AI(chatgpt.com)上的原始体验,并回答“我如何能让chatgpt.com上的问答/对编程体验尽可能快速且嵌入到我现有的工作流程中,以便我能在保持掌控的同时尽可能快速地推进?”对我来说,Continue的快捷键CTRL+L可以快速打开带有高亮上下文的聊天,而输入@...来提到一个或两个文件,是满足我保持对代码掌控的需求(将AI限制在聊天框内)的最快方式。
我制作了一个基于浏览器的益智游戏,玩家需要将一组物品按正确顺序排列(时间线、里程碑、发明等)。每天都有新的排列等待解决。
这个游戏是免费的,没有广告,适用于桌面和移动设备。我想做一个像Wordle一样容易上手的游戏,但在排序/时间顺序的谜题上加入了一些新意。
你可以在这里尝试: [https://lineuppuzzle.com](https://lineuppuzzle.com)
我很想听听你对游戏玩法、用户体验或任何可以让它更有趣、更吸引人的建议。