- 桌面应用
- 文档
【免费下载链接】Markpad
The Notepad equivalent for Markdown
Markpad 是一款轻如记事本的跨平台 Markdown 编辑器,它内嵌了与 VS Code 同源的 Monaco 编辑器内核,支持 Vim 模式和可自定义的格式化工具栏,让写作、编辑与审阅都更高效。本文带你从零开始,快速掌握这三套编辑利器,把日常 Markdown 写作速度拉满 🚀
为什么 Markpad 的编辑器值得一试
Markpad 的编辑体验建立在Monaco——即 VS Code 背后的编辑器内核之上,这意味着你熟悉的缩进、括号匹配、多光标、查找替换等能力开箱即用,而且没有 VS Code 的庞大启动开销(Markpad 全程内存占用仅约 10MB)。它同时支持 Windows、macOS 和 Linux,并且没有任何遥测。
编辑器与预览按行级同步滚动:左侧写 Markdown 源码,右侧实时看到 GitHub 风格渲染效果,代码块带语法高亮。
可自定义格式化工具栏:一键搞定排版
打开任意文档进入编辑模式,编辑器顶部就是格式化工具栏,15 个按钮覆盖日常写作 90% 的排版需求:
| 分组 | 按钮 | 快捷键(Windows/Linux / macOS 用 Cmd) |
|---|---|---|
| 行内格式 | 粗体 B | Ctrl+B |
| 行内格式 | 斜体 I | Ctrl+I |
| 行内格式 | 下划线 U | Ctrl+U |
| 行内格式 | 删除线 S | Ctrl+Shift+X |
| 行内格式 | 行内代码|Ctrl+Shift+E` | |
| 块级格式 | 代码块 {} | Ctrl+Shift+F |
| 块级格式 | 引用 > | Ctrl+Shift+. |
| 块级格式 | 标题 H1 / H2 / H3 | Ctrl+1/Ctrl+2/Ctrl+3 |
| 列表 | 无序列表 - | Ctrl+Shift+8 |
| 列表 | 有序列表 1. | Ctrl+Shift+7 |
| 列表 | 任务清单 [ ] | Ctrl+Shift+9 |
| 插入 | 链接 [] | Ctrl+K |
| 插入 | 表格 # | Ctrl+Alt+T |
这些按钮都是"开关式"的:对一行已有序列表的文本再点一次1.,会帮你还原成普通文本;嵌套列表和引用内的列表也不会被误伤。工具悬停时还会显示对应快捷键提示,边用边学。
三步定制你自己的工具栏
- 打开设置 → Toolbars → Editor toolbar;
- 用行首的六点手柄拖拽排序,或勾选/取消勾选来隐藏不常用按钮;
- 点Reset toolbar可一键恢复默认布局。
设置面板里甚至可以整体关闭工具栏(适合纯键盘党),改动即时生效并自动持久化。按钮定义与快捷键绑定关系可在 editorToolbar.ts 与 shortcuts.ts 中查看,界面渲染逻辑在 EditorToolbar.svelte。
开启 Vim 模式:键盘党的高效写法
如果你习惯 Vim,Markpad 内置了基于 monaco-vim 的 Vim 模式,无需安装任何插件:
- 打开设置 → Editor;
- 找到Vim Mode开关并启用(见 Settings.svelte);
- 切换回编辑器即可用
i进入插入模式、dd删行、w/b按词移动。
Markpad 还针对 monaco-vim 的已知缺陷做了专门的修复补丁,两个高频痛点已被解决:
- 系统剪贴板寄存器:
"+yy复制后能真正落到系统剪贴板(修复见 vimClipboardRegisters.ts); - 滚动命令族:
zz、zt、zb、z.等 z 系命令恢复正常工作,且zb/z-的语义与 Vim 官方文档一致(修复见 vimScrollCommands.ts)。
编辑器进阶设置:分屏、Zen 模式与细节选项
分屏同步写作
标题栏可把任意文档拆成两个窗格,滚动位置逐行同步,一边看结构一边改细节,非常适合长文档校对。
沉浸与专注
- Zen 模式:隐藏一切干扰元素,只留文字(见 zenmode-view.png 效果);
- Focus 模式:淡化光标段落以外的内容,视线聚焦当前段;
- Typewriter 模式:光标行始终保持在视口中央,模拟打字机手感;
- Sticky Scroll:滚动时顶部钉住当前标题层级,长文不迷路。
这些选项集中存放在 settings.svelte.ts 中,全部在设置 → Editor面板可切换,对应的 Monaco 参数映射逻辑见 editorOptions.ts。
让编辑器长在你的审美上
- 字体族、字号、行距、最大行宽可调,等宽字体下自动使用更快的换行策略;
- 行号可设为绝对、相对(配合 Vim 很好用)或间隔显示,小地图可独立开关;
- 主题可导入VS Code 主题,一键切换深色/浅色/跟随系统。
配套写作技巧
- 粘贴图片直接进文档:截图后
Ctrl+V即可嵌入,无需手动拷文件; - 写链接自动补全:插入
[时会自动从文档标题生成锚点候选(逻辑见 headingCompletion.ts); - 对照渲染全清单:打开 samples/markdown-syntax.zh-CN.md 即可看到 Markpad 支持的全部语法(提示框、表格、脚注、KaTeX 公式、Mermaid 图表)一次生效。
写在最后
Markpad 用 Monaco 内核保证了编辑的专业下限,用 Vim 模式和可定制工具栏把上限交给你自己。装好之后,花十分钟按上面的步骤把工具栏排成自己的习惯、把常用快捷键练熟,你就能体会到"记事本般轻、写作流般顺"的效率了 ✨
| 核心模块 | 相对路径 |
|---|---|
| 编辑器组件 | src/lib/components/Editor.svelte |
| 工具栏定义与开关逻辑 | src/lib/utils/editorToolbar.ts |
| 快捷键注册表 | src/lib/utils/shortcuts.ts |
| Vim 滚动命令修复 | src/lib/utils/vimScrollCommands.ts |
| Vim 剪贴板寄存器修复 | src/lib/utils/vimClipboardRegisters.ts |
| 设置存储 | src/lib/stores/settings.svelte.ts |
- 桌面应用
- 文档
【免费下载链接】Markpad
The Notepad equivalent for Markdown
相关推荐
TypeHero代码编辑器终极指南:Monaco Editor与Vim模式的完美融合
TypeHero代码编辑器终极指南:Monaco Editor与Vim模式的完美融合 TypeHero是一个专为TypeScript开发者打造的在线学习平台,通
教育前端后端Quill自定义格式化开发:扩展编辑器功能
Quill自定义格式化开发:扩展编辑器功能 引言 在现代Web应用开发中,富文本编辑器(Rich Text Editor)扮演着至关重要的角色,它允许用户以所见
前端富文本UI组件BlockNote 自定义 Alert 块完整 UX 实战:Slash 菜单与格式工具栏 Block Type Select 集成指南
BlockNote 自定义 Alert 块完整 UX 实战:Slash 菜单与格式工具栏 Block Type Select 集成指南 导读 本指南基于 Blo
前端富文本UI组件AI 应用
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考