0

0

Sublime如何配置Markdown预览?(写作利器设置)

裘德小鎮的故事

裘德小鎮的故事

发布时间:2026-02-26 13:39:11

|

438人浏览过

|

来源于php中文网

原创

markdown preview 插件无反应主因是python环境未匹配或配置错误:需确认系统python≥3.6、启用autoreload、正确设置python_binary;渲染问题应切换pygments解析器并配置markdown_extensions;中文锚点失效需开启html_preview和enable_highlight并确保utf-8编码。

sublime如何配置markdown预览?(写作利器设置)

Markdown Preview 插件装完没反应?检查 Python 环境和插件状态

Sublime Text 本身不内置 Markdown 实时预览,必须靠 Markdown Preview 插件实现。但装完常没反应,不是插件问题,而是它依赖系统 Python(3.6+),且默认不自动启用浏览器预览。

  • 打开 Sublime → Preferences → Package Settings → Markdown Preview → Settings,确认 "enable_autoreload": true 已开启
  • 在终端运行 python --version,确保输出 ≥3.6;若用 pyenv 或 conda,需把对应 python 路径写进插件配置的 "python_binary" 字段
  • 右键 Markdown 文件 → Markdown Preview → Preview in Browser 才是首次触发方式,别指望保存就自动弹窗

预览样式丑、代码块不亮色?改用内置 Pygments 渲染器

默认用 GitHub API 渲染,样式固定、代码无高亮、离线失效。切到本地 Pygments 就能自定义 CSS、支持主题、完全离线。

  • 安装 Pygments:pip install Pygments(注意:必须和 Sublime 调用的 python 是同一个环境)
  • Markdown Preview 的用户配置中设:"parser": "markdown" + "markdown_extensions": ["fenced_code", "codehilite"]
  • 把自定义 CSS 放进 Markdown Preview/css/custom.css(路径在插件设置里有提示),比如加 pre { font-size: 14px; } 控制代码块大小

Ctrl+B 编译失败报错“command not found: markdown”?别乱配 build system

有人想用 Sublime 的 Build System 直接跑 markdown 命令生成 HTML,但系统根本没这个命令——那是老式 Perl 脚本,早淘汰了。真要编译,得走插件接口,不是 shell。

厉害猫AI
厉害猫AI

遥遥领先的AI全职业办公写作平台

下载
  • 删掉自己建的 Markdown.sublime-build 文件,它和 Markdown Preview 冲突
  • 正确做法:用快捷键 ctrl+shift+p → 输入 Markdown Preview: Export HTML,导出静态文件
  • 如果非要终端编译,用 python -m markdown -x codehilite input.md -o output.html,而不是幻想存在一个全局 markdown 命令

中文目录锚点乱码、跳转失效?URL 编码必须开

[标题](#中文标题) 写链接时,浏览器地址栏显示 %E4%B8%AD%E6%96%87 这种编码,但 Sublime 的预览服务默认不 decode,导致点击后找不到锚点。

  • Markdown Preview 配置里加上:"html_preview": true"enable_highlight": true(高亮会顺带激活 URL 解码逻辑)
  • 确保 Markdown 文件保存为 UTF-8 编码(右下角看,不是 GBK)
  • 如果仍跳转失败,临时方案:把标题改成英文 ID,用 {#my-section} 语法手动指定锚点,绕过中文编码问题

最常被忽略的是 Python 环境和插件渲染器的耦合关系——换 Python 版本、切 conda env、重装系统后,Markdown Preview 很可能就静默罢工,不是插件坏了,是它连不上那个 python 进程。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
pip安装使用方法
pip安装使用方法

安装步骤:1、确保Python已经正确安装在您的计算机上;2、下载“get-pip.py”脚本;3、按下Win + R键,然后输入cmd并按下Enter键来打开命令行窗口;4、在命令行窗口中,使用cd命令切换到“get-pip.py”所在的目录;5、执行安装命令;6、验证安装结果即可。大家可以访问本专题下的文章,了解pip安装使用方法的更多内容。

351

2023.10.09

更新pip版本
更新pip版本

更新pip版本方法有使用pip自身更新、使用操作系统自带的包管理工具、使用python包管理工具、手动安装最新版本。想了解更多相关的内容,请阅读专题下面的文章。

428

2024.12.20

pip设置清华源
pip设置清华源

设置方法:1、打开终端或命令提示符窗口;2、运行“touch ~/.pip/pip.conf”命令创建一个名为pip的配置文件;3、打开pip.conf文件,然后添加“[global];index-url = https://pypi.tuna.tsinghua.edu.cn/simple”内容,这将把pip的镜像源设置为清华大学的镜像源;4、保存并关闭文件即可。

790

2024.12.23

python升级pip
python升级pip

本专题整合了python升级pip相关教程,阅读下面的文章了解更多详细内容。

363

2025.07.23

硬盘接口类型介绍
硬盘接口类型介绍

硬盘接口类型有IDE、SATA、SCSI、Fibre Channel、USB、eSATA、mSATA、PCIe等等。详细介绍:1、IDE接口是一种并行接口,主要用于连接硬盘和光驱等设备,它主要有两种类型:ATA和ATAPI,IDE接口已经逐渐被SATA接口;2、SATA接口是一种串行接口,相较于IDE接口,它具有更高的传输速度、更低的功耗和更小的体积;3、SCSI接口等等。

1657

2023.10.19

PHP接口编写教程
PHP接口编写教程

本专题整合了PHP接口编写教程,阅读专题下面的文章了解更多详细内容。

506

2025.10.17

php8.4实现接口限流的教程
php8.4实现接口限流的教程

PHP8.4本身不内置限流功能,需借助Redis(令牌桶)或Swoole(漏桶)实现;文件锁因I/O瓶颈、无跨机共享、秒级精度等缺陷不适用高并发场景。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2310

2025.12.29

java接口相关教程
java接口相关教程

本专题整合了java接口相关内容,阅读专题下面的文章了解更多详细内容。

40

2026.01.19

batoto漫画官网入口与网页版访问指南
batoto漫画官网入口与网页版访问指南

本专题系统整理batoto漫画官方网站最新可用入口,涵盖最新官网地址、网页版登录页面及防走失访问方式说明,帮助用户快速找到batoto漫画官方平台,稳定在线阅读各类漫画内容。

331

2026.02.25

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Markdown标记语言快速入门
Markdown标记语言快速入门

共30课时 | 3.5万人学习

vscode常用插件与markdown语法介绍
vscode常用插件与markdown语法介绍

共10课时 | 1.2万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号