VS Code Extensions
Markdown Theme

Markdown Theme

by zhixia

Multiple Markdown preview themes for VS Code, making Markdown reading cleaner and more enjoyable.

Downloads

6

Rating

5.0 / 5 (1)

Version

0.0.2

Last updated

Aug 06, 2026

English

Zhixia Markdown Theme provides multiple Markdown preview themes for VS Code, making Markdown reading cleaner and more enjoyable.

Features

  • 22 Markdown preview themes, including Classic, Elegant, Minimal, GitHub, Obsidian, Bear, Candy, Macaron, and more.
  • Independent preview page without changing VS Code's built-in Markdown preview.
  • Automatically shows Chinese or English UI based on the current VS Code language.
  • Switch themes directly from the top-right corner of the preview page.
  • Open the table of contents from the top-left corner and click headings to scroll quickly.
  • Open the current Markdown preview in your system browser.
  • One-click copy button for code blocks.
  • Mermaid code blocks render directly as SVG diagrams.
  • Supports light/dark environments and custom accent color.

Usage

  1. Open a Markdown file.
  2. Click the preview icon in the editor title area, or run the Zhixia Preview command.
  3. Click Theme in the top-right corner of the preview page to choose a style.
  4. Click Browser to open the preview in your system browser.
  5. Click TOC in the top-left corner of the preview page to jump to headings.

Settings

  • zhixiaMdTheme.theme: Default preview theme.
  • zhixiaMdTheme.accentColor: Accent color. Default: #10b981.
  • zhixiaMdTheme.breaks: Render soft line breaks as line breaks. Enabled by default.

Privacy

  • Free to use.
  • No telemetry.
  • Does not collect file names, file paths, or Markdown content.

中文

为 VS Code 提供多款 Markdown 预览主题,让 Markdown 阅读更清爽、更好看。

功能

  • 22 套 Markdown 预览主题:经典、优雅、简约、GitHub、黑曜石、小熊、糖果、马卡龙等。
  • 独立预览页面,不影响 VS Code 默认 Markdown 预览。
  • 根据 VS Code 当前语言自动显示中文或英文界面。
  • 预览页右上角可直接切换主题。
  • 预览页左上角可打开目录,点击标题快速滚动定位。
  • 可一键在系统浏览器中打开当前 Markdown 预览。
  • 代码块支持一键复制。
  • Mermaid 代码块可直接渲染为 SVG 图表。
  • 支持深浅色环境和自定义强调色。

使用方式

  1. 打开一个 Markdown 文件。
  2. 点击编辑器右上角的预览图标,或执行命令:知夏预览。
  3. 在预览页右上角点击 主题,直接选择喜欢的样式。
  4. 点击 浏览器,在系统浏览器中打开预览。
  5. 在预览页左上角点击 目录,快速跳转到对应标题。

设置项

  • zhixiaMdTheme.theme:默认预览主题。
  • zhixiaMdTheme.accentColor:强调色,默认 #10b981。
  • zhixiaMdTheme.breaks:是否将普通换行渲染为换行,默认开启。

隐私

  • 免费使用。
  • 不包含遥测统计。
  • 不收集文件名、文件路径或 Markdown 内容。

Related extensions