单文件离线应用 · 双击即用Single-file offline app · runs on double-click

一个 HTML 文件,
装下你的知识库与看板
One HTML file for your knowledge base & kanban

墨库把 Markdown 双栏实时编辑、代码高亮、KaTeX 公式、敏捷看板拖拽和 IndexedDB 本地存储装进一个文件——双击 index.html 就能用,无需安装、无需构建、无需本地服务器。 Moku packs split-pane Markdown editing, syntax highlighting, KaTeX math, a drag-and-drop agile kanban and IndexedDB storage into a single file — double-click index.html and start writing. No install, no build, no local server.

  • 单文件 · 64.8 KBSingle file · 64.8 KB
  • 零安装 · 零构建Zero install · zero build
  • 数据 100% 存浏览器本地Data stays 100% local
  • JSON / ZIP 一键备份One-click JSON / ZIP backup
功能特性Features

写作、看板、检索、备份,
全都装在一个文件里
Writing, boards, search & backup —
all in one file

从双栏编辑到看板拖拽,从全文检索到自动保存,每一项功能都开箱即用,没有账号、没有云端、没有插件。 From split-pane editing to kanban drag & drop, full-text search to auto-save — every feature works out of the box. No accounts, no cloud, no extensions.

双栏实时编辑Live split-pane editing

左侧写 Markdown 源码,右侧实时预览,输入 300ms 防抖后自动渲染;GFM 表格与任务列表开箱即用,预览里点击任务复选框还能反向回写源码。 Write Markdown on the left, see it rendered on the right — the preview refreshes 300ms after you stop typing. GFM tables and task lists just work, and clicking a task checkbox in the preview writes the change back into your source.

代码高亮与数学公式Highlighting & math

代码块经 highlight.js 11.9.0 语法高亮;KaTeX 0.16.9 渲染行内 $…$ 与块级 $$…$$ 公式,技术笔记一个界面写完。 Code blocks get syntax highlighting via highlight.js 11.9.0, and KaTeX 0.16.9 renders inline $…$ and block $$…$$ math — technical notes in a single view.

截图直接粘贴Paste screenshots inline

把截图复制进剪贴板,往编辑器里一贴,墨库自动转成 base64 内嵌进笔记——图片跟着笔记走,离线也能看。 Copy a screenshot and paste it into the editor — Moku embeds it as base64 right inside the note, so images travel with your notes and display offline.

敏捷看板拖拽Agile kanban drag & drop

切到看板模式,笔记按状态进入「待办 / 进行中 / 已完成」三泳道;卡片用原生 HTML5 拖拽换列,状态实时写库,点卡片即回编辑模式。 Flip to board mode and notes line up across three lanes — To-Do, In Progress, Done. Drag cards with native HTML5 drag & drop; status is saved instantly, and clicking a card jumps back into the editor.

搜索与标签Search & tags

按标题与全文实时搜索;正文里的 #标签(中英文均可)自动提取成标签云,点标签即筛选,也支持手动增删。 Search titles and full text as you type. #tags inside notes — Chinese or English — are extracted automatically into a tag cloud for one-click filtering, and you can add or remove tags by hand.

IndexedDB 持久化IndexedDB persistence

所有笔记存进浏览器 IndexedDB(库名 md-knowledge-base),每次改动 300ms 防抖自动保存;顶栏实时显示「保存中… / 已保存 HH:MM:SS」。 Every note lives in your browser's IndexedDB (database md-knowledge-base) and auto-saves 300ms after each edit. The top bar shows "saving… / saved HH:MM:SS" so you always know your state.

敏捷看板Kanban

笔记即任务,拖一下就换状态 Notes are tasks — drag to change status

顶栏切到「看板」模式,所有笔记按状态进入三条泳道;把卡片拖到另一列,状态立刻写回 IndexedDB。 Switch to board mode and every note slots into one of three lanes; drag a card to another lane and its status is written back to IndexedDB instantly.

示意图:卡片可拖拽换列,状态实时写库;点击卡片回到编辑模式。 Illustration: cards drag between lanes with instant status writes; clicking a card returns to the editor.

数据备份Backup

数据始终在你自己手里 Your data stays in your hands

墨库不上传任何数据。所有笔记存在浏览器 IndexedDB 里,用顶栏的「JSON / ZIP」按钮随时打包备份或迁移设备。 Moku uploads nothing. Notes live in your browser's IndexedDB — use the JSON / ZIP buttons in the top bar to back up or move devices at any time.

1JSON 快照JSON snapshot

一次导出全部笔记与元数据(含导出时间),恢复时完整还原,适合整库搬迁。 Export every note plus metadata (with the export time) in one file, and restore it wholesale — ideal for moving the whole library.

2ZIP 打包ZIP bundle

每篇笔记一个独立 .md(slug 文件名 + YAML front-matter),附 manifest.json 清单,可直接归档或在其他工具里继续用。 One standalone .md per note (slug filename + YAML front-matter) plus a manifest.json — ready for your archive or any other tool.

3导入:合并或覆盖Import: merge or overwrite

校验结构后可选「增量合并」(id 冲突时保留 updated_at 较新者)或「全量覆盖」(单事务原子写入)。 After validating the file, choose an incremental merge (the newer updated_at wins on id conflicts) or a full overwrite in one atomic transaction.

清空浏览器站点数据会连同笔记一起清掉——换设备、重装系统前,请先用顶栏 JSON / ZIP 按钮导出备份。 Clearing the browser's site data takes your notes with it — before switching devices or reinstalling, export a backup with the JSON / ZIP buttons.

使用方法Get started

三步开始记录 Three steps to your first note

下载并解压Download & unzip

得到 index.html(应用本体)和 README.md(说明文档),解压到任意文件夹即可。 You get index.html (the app itself) and README.md (the docs). Unzip them anywhere you like.

双击 index.htmlDouble-click index.html

在 Chrome / Edge 中直接打开——无需安装、无需构建、无需本地服务器。 It opens straight in Chrome / Edge — no install, no build, no local server required.

开始记录Start writing

首次打开会自动创建一篇「欢迎使用」示例笔记,边看边学表格、任务列表与公式语法。 Your first open auto-creates a "Welcome" sample note that demonstrates tables, task lists and math syntax.

联网说明:应用本体不请求任何本地资源,双击即开;依赖库(Vue 3 / Tailwind CSS / marked / highlight.js / KaTeX / JSZip)经 CDN 加载,首次打开需联网,之后走浏览器缓存。 Network note: the app itself requests no local resources and opens on double-click; dependency libraries (Vue 3, Tailwind CSS, marked, highlight.js, KaTeX, JSZip) load from a CDN, so the first open needs internet — after that the browser cache takes over.

常见问题FAQ

你可能想问 Good questions

我的数据保存在哪里?会上传到云端吗?Where is my data stored? Does it upload anywhere?

全部保存在浏览器本地的 IndexedDB(库名 md-knowledge-base),墨库没有任何账号体系或云端同步,数据不出你的浏览器。

Everything is stored in your browser's local IndexedDB (database md-knowledge-base). Moku has no accounts and no cloud sync — your data never leaves your browser.

说是离线应用,为什么首次打开还需要联网?It's an offline app — why does the first open need internet?

应用本体是单文件、零本地资源请求,双击就能打开;但 Vue 3、Tailwind CSS、marked、highlight.js、KaTeX、JSZip 这些依赖库通过 CDN 引入,首次打开需要联网加载,之后浏览器会缓存它们。

The app itself is a single file that requests no local resources and opens on double-click — but its dependency libraries (Vue 3, Tailwind CSS, marked, highlight.js, KaTeX, JSZip) are loaded from a CDN. The first open needs internet; after that, the browser caches them.

怎么把笔记迁移到新电脑?How do I move my notes to a new computer?

在旧设备点顶栏「JSON」导出快照,再到新设备打开墨库导入:可选「增量合并」(按 id 冲突时保留更新时间较新者)或「全量覆盖」。偏好通用格式的话,「ZIP」会把每篇笔记导出成独立 .md 文件。

Export a JSON snapshot from the old device's top bar, then import it on the new one — choose an incremental merge (newer timestamp wins on conflicts) or a full overwrite. Prefer portable formats? The ZIP export gives you one standalone .md per note.

支持哪些浏览器?Which browsers are supported?

推荐使用 Chrome / Edge 打开——墨库的存储(IndexedDB)、拖拽(HTML5 Drag & Drop)与渲染均基于现代浏览器标准能力。

Chrome / Edge are the recommended browsers — Moku's storage (IndexedDB), dragging (HTML5 Drag & Drop) and rendering all rely on standard modern-browser capabilities.

「编辑」和「看板」两种模式怎么切换?How do I switch between Edit and Board modes?

顶栏有模式切换:编辑模式是左源码右预览的双栏;看板模式把笔记按「待办 / 进行中 / 已完成」三泳道排开,点击任意卡片即可回到该笔记的编辑模式。

Use the mode switch in the top bar: Edit mode is the source-plus-preview split pane; Board mode lays your notes out across To-Do / In Progress / Done lanes, and clicking any card takes you back to that note in the editor.

把墨库装进 U 盘 Put Moku on a USB stick

一个 ZIP 压缩包,装着应用本体 index.html 与 README.md 说明文档。解压到桌面、U 盘或网盘的任意文件夹,双击即用。 One ZIP holding the app itself (index.html) and the README.md docs. Unzip it anywhere — desktop, USB stick or cloud drive — and double-click to run.

ZIP · 21.7 KB · 内含 index.html + README.md ZIP · 21.7 KB · contains index.html + README.md

下载 moku-app.zipDownload moku-app.zip 21.7 KB

依赖库经 CDN 加载,首次打开需联网。 Dependency libraries load from a CDN — the first open needs internet.

技术栈Tech stack

Vue 3Tailwind CSSmarkedhighlight.js 11.9.0KaTeX 0.16.9JSZip 3.10.1原生 HTML5 Drag & DropNative HTML5 Drag & DropIndexedDB
反馈Feedback