Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Markdown ColorizerNew to Visual Studio Code? Get it now.
Markdown Colorizer

Markdown Colorizer

woscxy

|
11 installs
| (1) | Free
Beautify Markdown with custom colors
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Markdown Colorizer

一个强大的VSCode扩展,通过为不同的Markdown元素添加独特的颜色来增强文档的可读性。

A powerful VS Code extension that enhances Markdown readability by colorizing different elements with distinct colors.

✨ 新特性 v0.0.3 | New Features v0.0.3

  • 🔧 增强的代码块处理 - 支持语言特定的语法高亮识别

  • 🎯 智能检测 - 改进代码块内标题样式的检测

  • 🚀 性能优化 - 更好的正则表达式模式,提升处理性能

  • 🐛 问题修复 - 修复代码块着色冲突问题

  • 🔧 Enhanced Code Block Handling - Support for language-specific syntax highlighting recognition

  • 🎯 Smart Detection - Improved detection for heading styles within code blocks

  • 🚀 Performance Optimization - Better regex patterns for improved processing performance

  • 🐛 Bug Fixes - Fixed code block colorization conflicts

支持项目 ❤️ support project

如果这个项目对你有帮助,欢迎通过下面的二维码打赏来支持我的开发!

微信打赏 支付宝打赏

Features | 功能特点

  • Colorizes headers with a hierarchical color scheme

  • Highlights code blocks with a distinct color

  • Special formatting for bold text

  • Unique color for hyperlinks

  • Distinct colors for blockquotes

  • Different colors for list items (special green color for dash-style lists)

  • 为标题应用层次化的配色方案

  • 以独特颜色突出代码块

  • 为粗体文本提供特殊格式

  • 为超链接设置独特颜色

  • 为引用块设置独特颜色

  • 为列表项设置不同颜色(特别是为以"-"开头的列表项设置了绿色)

Installation | 安装方法

  1. Open VS Code

  2. Go to Extensions (Ctrl+Shift+X)

  3. Search for "Markdown Colorizer"

  4. Click Install

  5. 打开 VS Code

  6. 进入扩展页面 (Ctrl+Shift+X)

  7. 搜索 "Markdown Colorizer"

  8. 点击安装

Supported Markdown Elements | 支持的 Markdown 元素

Element Description Color
Header 1 # Header Deep Purple (#330033)
Header 2 ## Header Purple (#800080)
Header 3 ### Header Blue (#0033CC)
Header 4 #### Header Light Blue (#0066FF)
Code Blocks code Green (#6A8759)
Code Block Headers # inside code Gray (#808080)
Bold Text bold or bold Deep Red (#D14)
Links link Purple with underline (#6A5ACD)
Blockquotes > quote Green (#6A8759)
Dash Lists - item Green (#6A8759)
Other Lists * item or 1. item Orange (#CC7832)
元素 描述 颜色
一级标题 # 标题 深紫色 (#330033)
二级标题 ## 标题 紫色 (#800080)
三级标题 ### 标题 蓝色 (#0033CC)
四级标题 #### 标题 浅蓝色 (#0066FF)
代码块 代码 绿色 (#6A8759)
代码块内标题 代码内的# 灰色 (#808080)
粗体文本 粗体 或 粗体 深红色 (#D14)
链接 链接 带下划线的紫色 (#6A5ACD)
引用块 > 引用 绿色 (#6A8759)
短横线列表 - 项目 绿色 (#6A8759)
其他列表 * 项目 或 1. 项目 橙色 (#CC7832)

📋 版本历史 | Version History

v0.0.3 (2024-12-19)

  • ✅ 增强代码块内容处理
  • ✅ 代码块内标题样式优化
  • ✅ 性能优化和错误修复

v0.0.2 (2024-12-18)

  • ✅ 增强列表项检测
  • ✅ 优化颜色方案

v0.0.1 (2024-12-17)

  • ✅ 初始版本发布

🔧 开发 | Development

构建扩展

npm install
npm run compile

打包扩展

npx vsce package

License | 许可证

MIT


贡献 | Contributing

欢迎提交问题和功能请求!请随时Fork这个项目并提交Pull Request。

Welcome to submit issues and feature requests! Feel free to fork this project and submit pull requests.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft