Sublime Text安装Markdown预览生成静态网页插件

梦涛姑娘_1073

梦涛姑娘_1073

2026-08-01

742人浏览

原创

Sublime Text预览Markdown必须同时安装MarkdownEditing和MarkdownPreview插件,缺一不可;仅装前者可高亮但无法预览,仅装后者则语法识别失败、命令不可见;安装后须重启、设语法为Markdown GFM、配置parser为github并启用mathjax,否则样式、公式均不渲染。

sublime text安装markdown预览生成静态网页插件

装完 MarkdownPreview 插件后,预览默认就是生成静态 HTML 文件——它不依赖服务器,也不走网络,直接写入临时目录并用浏览器打开。所谓“静态网页”,正是它的默认行为,不是额外功能,也无需开启特殊开关。

必须同时装 MarkdownEditing 和 MarkdownPreview

只装 MarkdownPreview,.md 文件在 Sublime 里仍是 Plain Text,右下角不显示 Markdown,Markdown Preview: Preview in Browser 命令根本不会出现;只装 MarkdownEditing,能高亮、能快捷插入标题,但点预览会报 command not found: markdown_preview。

  • 安装顺序无所谓,但两个都得通过 Package Control 装(别搜 “Markdown Previewer” 或 “OmniMarkupPreviewer”,那些已停更或不兼容)
  • 装完必须重启 Sublime,否则插件不加载,命令面板搜不到相关命令
  • 打开 .md 文件后,务必点击右下角语言标识 → 选 MarkdownEditing → Markdown GFM,否则 GitHub 表格、任务列表、数学公式等特性不生效

parser 设成 github 才能渲染样式和公式

默认解析器是 markdown,它只转基础语法,不加载 GitHub CSS、不支持 MathJax。如果你预览出来是白底黑字、表格错位、公式显示为原始 LaTeX,说明 parser 没配对。

  • 进 Preferences → Package Settings → Markdown Preview → Settings – User
  • 加这三行(缺一不可):
    "parser": "github",
    "enable_mathjax": true,
    "github_mode": true
  • 注意:gfm parser 不支持 MathJax,必须用 github 或 markdown 配 enable_mathjax

快捷键、自动刷新、浏览器路径全得手动配

MarkdownPreview 默认不绑快捷键、不监听保存、不指定浏览器——你按 Ctrl+B 没反应,不是插件坏了,是它压根没接管这个键位。

Calliper-Compare2Markdown
Calliper-Compare2Markdown

在同一同步调用中比较两份本地文档,并将差异转换为 LLM可直接使用的 Markdown,支持 PDF、Word、PPT 及图片等文档。

下载
  • 快捷键:进 Preferences → Key Bindings – User,加一行:
    {"keys": ["ctrl+alt+m"], "command": "markdown_preview", "args": {"target": "browser", "parser": "github"}}
  • 自动刷新:设 "enable_autoreload": true,但仅对已保存的本地文件有效;未保存的 untitled 标签页或远程路径不触发
  • 浏览器路径:Windows 上若报 Permission denied,改 "browser": "default";macOS 若 Safari 空白,临时切 "browser": "safari";Chrome 路径含空格时,用正斜杠写成 "browser": "C:/Program Files/Google/Chrome/Application/chrome.exe"

预览空白页?先看控制台报什么错误

空白页几乎从不因为插件本身损坏,而是环境或配置断链。打开 View → Show Console,再执行预览,看输出:

  • ImportError: No module named markdown → 运行 pip install markdown(用系统 Python,不是 Sublime 自带的那个)
  • UnicodeEncodeError: 'gbk' codec can't encode character → 文件路径含中文,要么改路径,要么在设置里加 "encoding": "utf-8"
  • 控制台没报错但页面空白 → 检查浏览器是否拦截了本地文件协议(file://)的样式加载,换 Chrome 并确保没开“阻止弹出窗口”

最常被忽略的一点:所有配置项都必须写在 Settings – User 里,而不是 Settings – Default;改错文件等于没改。另外,enable_autoreload 和 LiveReload 是两套机制,后者需额外装插件并手动启用,前者纯靠插件自身轮询,别混用。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
Uvicorn 报错与问题解决教程
Uvicorn 报错与问题解决教程

本专题汇总了Uvicorn服务器常见问题与报错解决的教程合集,涵盖启动失败、端口占用、模块导入错误、事件循环冲突及热重载失效等典型故障的排查思路。同时整理了多进程与Worker配置、SSL/HTTPS证书报错、跨域与代理配置等实战解决方案,助你快速定位并解决Uvicorn运行中的各类问题。

2026.11.02

0

14

Uvicorn使用教程
Uvicorn使用教程

本专题汇总了Uvicorn使用教程与启动运行指南,涵盖其作为Python ASGI服务器的定位与特点,以及命令行启动(uvicorn main:app --reload)、参数配置(host/port/workers)、程序内嵌运行与Gunicorn结合部署等核心用法。同时整理了热重载调试、日志配置与生产环境部署优化等技巧,助你快速掌握Uvicorn的运行与配置。

2026.11.02

0

17

Uvicorn安装配置教程
Uvicorn安装配置教程

本专题汇总了Uvicorn的安装配置教程与部署指南,涵盖通过pip安装Uvicorn、启动FastAPI/Starlette应用、开发模式热重载(--reload)及多进程工作模式配置等核心操作。同时整理了结合Gunicorn的生产部署方案、HTTPS与反向代理配置及性能调优技巧,助你快速完成Uvicorn服务的安装与上线部署。

2026.11.02

0

17

Vite 项目如何打包和部署
Vite 项目如何打包和部署

Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章,帮助读者完成上线流程。

2026.10.28

100

16

Vite 如何搭配 Vue.js
Vite 如何搭配 Vue.js

Vite搭配Vue.js专题汇集创建Vue 3项目、配置开发环境、路径别名、Vue插件、代理、多环境构建与调试的已审核文章,帮助读者完成从初始化到日常开发的配置。

2026.10.28

80

15

Vite 项目目录怎么看
Vite 项目目录怎么看

Vite项目目录专题汇集入口文件、src源码、public静态资源、路径别名、项目根目录和构建输出目录相关的已审核文章,帮助读者理解各文件夹的用途与引用方式。

2026.10.28

240

10

Gradle插件开发入门教程
Gradle插件开发入门教程

本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。

2026.10.22

140

11

Gradle Wrapper配置教程
Gradle Wrapper配置教程

本专题介绍Gradle Wrapper的基本作用,涵盖文件组成、生成方法、版本配置和任务调用,帮助你理解项目如何使用指定的Gradle版本,减少不同开发环境带来的构建差异。

2026.10.22

140

10

Golangci-lint检查器使用教程
Golangci-lint检查器使用教程

本专题整理Golangci-lint常用Linters的用途与配置方法,覆盖错误处理、无效代码、安全、复杂度、命名和依赖检查,帮助项目合理选规则。

2026.10.22

100

15

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程