ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

Notepad++ Markdown 实时预览:MarkdownViewer++ 5 分钟快速上手

2026/8/27 1:40:51 拓冰建站 浏览量
Notepad++ Markdown 实时预览:MarkdownViewer++ 5 分钟快速上手 Notepad Markdown 实时预览MarkdownViewer 5 分钟快速上手【免费下载链接】MarkdownViewerPlusPlusA Notepad Plugin to view a Markdown file rendered on-the-fly项目地址: https://gitcode.com/gh_mirrors/ma/MarkdownViewerPlusPlus在 Notepad 里改完一段文字不必存盘再切到浏览器右侧停靠面板已经显示出渲染后的样子。这就是 MarkdownViewer 带来的 Notepad Markdown 实时预览一个 Notepad 插件把当前文档按 CommonMark 规则转成 HTML 显示在面板里顺手还能把 Markdown 一键导出为 HTML 或 PDF。下面按装、用、配、排错的顺序讲一遍。对比双窗口旧流程先看清它能干什么想在 Notepad 里预览 Markdown 的人多半被旧流程磨过编辑器里改文档切到浏览器打开文件或网页工具看完再切回来核对标题层级改错一次就要来回几趟换台机器或换个工具渲染结果还不一样。把渲染挪进编辑器窗口后差异大致如下能力实际表现实时渲染编辑当前标签页停靠面板同步刷新出 HTML 效果扩展名过滤只渲染你列出的扩展名其余文件不触发自定义 CSS一套样式同时作用于预览和导出的 HTML一键导出面板工具栏把文档存成 .html 或 .pdf同步滚动编辑器垂直滚动时预览面板按比例跟随✅ 装好插件完成第一次预览拿到可用的插件文件MarkdownViewer 插件安装的核心动作只有一个把MarkdownViewerPlusPlus.dll复制到 Notepad 安装目录的plugins或plugins\new文件夹然后重启 Notepad。想从源码构建时先克隆仓库再编译把生成的 dll 复制到同一位置git clone https://gitcode.com/gh_mirrors/ma/MarkdownViewerPlusPlus运行环境需要 Windows、.NET Framework 4.0 以上Notepad 32 位或 64 位均可。打开预览面板打开任意 Markdown 文件按CtrlShiftM或点工具栏上新出现的 Markdown 图标预览面板会停靠到编辑器一侧也可以走 插件 → MarkdownViewer 菜单。切换标签页时面板自动换成当前文档的渲染结果。左侧为 Markdown 源码右侧为插件渲染出的实时预览面板。确认默认识别范围扩展名过滤默认关闭也就是所有文本文件都会参与渲染。只想让.md、.txt这类文件参与时在 General 选项卡填写扩展名即可未被覆盖的文件打开后面板会显示一条提示而不是渲染结果属于正常行为。选项面板逐项配置从 插件 → MarkdownViewer → Options 打开设置共三个选项卡。所有设置会写入 Notepad 的plugins\config\MarkdownViewerPlusPlus.ini下次启动自动生效。General扩展名列表逗号分隔、不带点号如md,txt,log留空表示渲染全部文件仅接受字母与逗号包含新建文件决定是否渲染尚未保存的 new N 文档注意只比对扩展名不看文件内容或 MIME 类型HTML自定义 CSS同时作用于预览面板和导出的 HTML上限 32767 字符导出后自动打开保存完 HTML 直接调起浏览器查看PDF方向与纸张默认纵向、A4四边边距单位毫米默认各 5导出后自动打开保存完直接打开生成的 PDFGeneral 管识别规则HTML 管样式PDF 管导出参数。把预览嵌入两个日常工作流工作流 A技术文档协作General 里填md,txt让项目内的说明文档都参与渲染写文档时盯住右侧面板标题层级和列表缩进当场核对要发给非技术人员前在面板工具栏把内容导出为 PDFPDF 选项卡统一纸张和边距团队拿到的版本观感一致工作流 B多平台排版在 HTML 选项卡粘入目标平台的 CSS调整字体和标题样式把这套 CSS 复制进一个 .txt 文件留底作为模板正文只写一份切换不同 CSS 后分别导出 HTML各平台拿到的 HTML 观感统一排版时间省下来常用入口整理操作方式显示 / 隐藏预览面板CtrlShiftM打开预览面板工具栏 Markdown 图标切换同步滚动插件菜单 → Synchronize scrolling打开选项插件菜单 → Options管理自定义样式与扩展识别留几套 CSS 模板自定义 CSS 只有一个输入框切换模板靠手。建议把博客版、打印版、深色版各存一份文本文件要换时整段粘贴覆盖。这套 CSS 同时影响预览和导出改完先看一眼预览再导出。按内容类型放宽扩展名扩展名比对不区分大小写但只看后缀。习惯用.note记笔记、用.log存日志的话把后缀加进列表即可留空则所有文件都渲染。开启同步滚动菜单里的 Synchronize scrolling (Editor - Viewer) 让预览面板跟随编辑器垂直滚动方向是单向的编辑器带动预览反过来不会。勾选状态会被记住下次启动仍是开启。⚠️ 按现象排查常见问题现象原因处理插件菜单里没有 MarkdownViewerdll 没放进 plugins 目录或放完没重启复制到plugins或plugins\new后重启 Notepad面板显示配置未包含当前扩展名提示当前文件后缀不在 General 列表里补上该扩展名或清空列表渲染全部中文显示成系统默认字体CSS 没有指定中文字体在 HTML 选项卡加字体声明见下方片段导出 PDF 的页边留白不合预期用的是默认 A4 纵向、5 毫米边距在 PDF 选项卡调整纸张、方向与四边边距中文字体示例粘贴到 HTML 选项卡body { font-family: Microsoft YaHei, sans-serif; } 查阅核心源码与配置路径MarkdownViewerPlusPlus/MarkdownViewer.cs菜单注册、渲染触发与滚动同步的主逻辑MarkdownViewerPlusPlus/MarkdownViewerConfiguration.cs配置读写与默认值MarkdownViewerPlusPlus/Forms/AbstractRenderer.cs预览面板与 HTML/PDF 导出实现MarkdownViewerPlusPlus/Resources/MarkdownViewerHTML.css内置默认样式运行期配置Notepad 目录下的plugins\config\MarkdownViewerPlusPlus.ini从复制 DLL 到调好扩展名和样式整个过程不超过五分钟。装完不必急着折腾别的挑一份手头正在写的 Markdown 文档按CtrlShiftM把预览面板叫出来用起来。【免费下载链接】MarkdownViewerPlusPlusA Notepad Plugin to view a Markdown file rendered on-the-fly项目地址: https://gitcode.com/gh_mirrors/ma/MarkdownViewerPlusPlus创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考