Scribdown
让 Markdown 像手绘笔记一样好看

纸感纹理、手绘线条与克制动效,为 Markdown 内容打造差异化阅读体验。一套渲染核心,同时驱动浏览器插件与 VS Code 插件。

Scribdown 手绘风格 Markdown 渲染效果Scribdown 手绘风格 Markdown 渲染效果
🖋️

专注阅读体验

将 Markdown 内容稳定、安全、清晰地呈现出来,让文档阅读更舒适、更具辨识度。

🎨

手绘视觉语言

统一的设计 Token 体系,纸感背景、手绘圆角与克制动效,在保证可读性的前提下构建差异化风格。

🔁

多端一致

浏览器插件与 VS Code 插件共用同一套渲染核心与视觉组件,壳层差异不分叉正文渲染规则。

🛡️

安全默认

原始 HTML 经 rehype-sanitize + DOMPurify 双层清洗,外链与不可信资源加载失败时稳定降级,不破坏主内容流。

所见即所得的手绘渲染

同一份 Markdown,在 Scribdown 里呈现为纸感、线条与轻盈层级——下面是真实渲染样张。

Scribdown 渲染样张:标题、列表、代码块、表格、图片与图表
  • 纸感正文:暖米纸背景配深胡桃墨色文字,长时间阅读更柔和。
  • 手绘元素:引用块、代码块、表格采用轻微不规则圆角与偏移阴影。
  • 完整语法:标题、列表、代码高亮、表格、图片查看与 Mermaid 图表一应俱全。
  • 暗色自适应:宿主切换深色主题时,配色按同一套 Token 语义平滑反相。

装上插件,立刻换个心情读文档

几分钟完成本地构建与加载,浏览器与 VS Code 都能用上同款手绘渲染。