Mark Render

在浏览器中编写 Markdown、实时调整排版,再将结果复制为 HTML 或下载为独立文件。

Web · Markdown 排版

为什么做这个项目

从 Markdown 到可交付的排版页面,中间常常还需要反复调整主题、样式和导出格式。Mark Render 将编辑、预览和样式调整放在同一工作区,让写作内容留在当前浏览器。

  • Next.js
  • React
  • TypeScript
  • IndexedDB

真实界面

本地工作区真实截图,采集于 2026-10-26;使用排版演示文档展示实际渲染。

Mark Render
点击图片查看原尺寸界面。

已经实现的能力

编辑与实时预览

支持代码高亮、数学公式、Mermaid 图表与滚动同步,边写边查看渲染结果。

样式与主题

提供内容主题、可视化样式、自定义 CSS 和样式预设,支持亮色与暗色工作区。

草稿与导出

在浏览器中保存草稿、版本历史和工作区快照,复制 HTML 或下载单文件。

当前范围与边界

不提供账户、云同步或分享链接。本地图片不能直接插入,导出的 HTML 不会内联外链图片;浏览器存储仍可能被用户或系统清除。

截图用于展示运行界面,本页不内嵌项目应用。提供官网入口的项目可继续访问,其他项目目前仅在本站展示案例。

关于我

一个喜欢折腾的开发者

我是沧沧凉凉,一名开发者。在这里分享技术实践、工具体验,以及把想法做成作品的过程。


有项目想一起做?欢迎聊聊。