可通过settings.json添加自定义CSS修改Markdown预览样式；2. 安装Markdown All in One插件支持数学公式渲染；3. 支持自动预览与同步滚动，提升编辑效率；4. 可配置字体、字号、行高及主题，优化阅读体验。

VSCode的Markdown预览支持多种自定义选项，可以通过设置调整外观和行为，提升写作体验。以下是一些常用的自定义配置。

1. 自定义预览样式（CSS）

你可以通过添加自定义CSS来改变Markdown预览的显示样式。

操作方法：

• 在项目根目录创建 .vscode/settings.json 文件
• 添加 markdown.styles 配置项，指向你的CSS文件
• 例如：

{   "markdown.styles": [     "./styles/custom.css"   ] }

在 custom.css 中可以修改字体、行高、代码块背景等。

2. 启用数学公式渲染

VSCode默认不启用LaTeX数学公式支持，但可通过插件或设置开启。

安装 Markdown All in One 插件后，可使用KaTeX语法渲染公式。

通义视频

通义万相AI视频生成工具

70

查看详情

• 行内公式：$E = mc^2$
• 独立公式：

$$ int_a^b f(x)dx $$

预览中会自动渲染为美观的数学表达式。

3. 自动预览与同步滚动

控制预览的交互方式，提高编辑效率。

• 自动打开预览：右键编辑器 -> “Open Preview” 或使用快捷键 Ctrl+K V
• 双屏同步滚动：在编辑时，预览视图会同步滚动到对应位置
• 关闭同步：在设置中搜索 “markdown.preview.scrollEditorWithPreview” 进行调整

4. 配置字体与主题

让预览更符合个人阅读习惯。

可在 settings.json 中设置：

{   "markdown.preview.fontFamily": "'Segoe UI', sans-serif",   "markdown.preview.fontSize": 16,   "markdown.preview.lineHeight": 1.6 }

也可以切换预览主题，部分插件支持深色/浅色模式跟随编辑器。

基本上就这些常用选项。合理配置能让Markdown写作更舒适。