BeautyMarkdown - 优雅的 Markdown 阅读器
概述
# BeautyMarkdown
> Edge / Chrome 原生 Markdown 可视化增强插件
> 让 Plain Text 秒变精致文档...
---
## ✨ 功能特性
### Markdown 渲染
- 基于 **markdown-it** + 9 款插件
- 支持 **180+ 编程语言** 语法高亮(highlight.js)
- **KaTeX 数学公式**
- **Mermaid 图表**(流程图、ER 图、时序图等)
- **GitHub 风格任务列表**
- **警告块**(NOTE / TIP / WARNING / IMPORTANT / CAUTION)
- 扩展语法:`==高亮==`、`^上标^`、`~下标~`、`++插入++`、`{color}文字{/color}`
### 代码增强展示
- 40+ 代码色彩主题(GitHub / Atom / Monokai / Nord / Night Owl 等)
- 行号显示、复制按钮
- 代码字体、字号独立调节
- ASCII 线框图 / 低保真原型垂直对齐优化
### UI 操作按钮
- `` / `【xxx】` 自动识别为操作按钮
- 按钮颜色、背景色、透明度可调
### 文件浏览器
- 侧边栏目录树结构
- 打开文件夹浏览 Markdown 文件
- 关键字实时过滤
- 记住上次打开的文件夹
- 刷新按钮
### 目录导航
- 右侧 TOC 面板
- 标题搜索 + 关键字过滤
- 小屏下滑动隐藏
### Mermaid 全屏预览
- 自适应窗口、100% 原始尺寸、逐级缩放
- 🔍+ / 🔍− / 百分比录入(回车确认)/ Ctrl+滚轮
- 鼠标拖拽平移
- PNG 下载(1X / 2X / 4X / 8X / 16X)
- SVG 源文件下载(浏览器限制时自动降级)
### 响应式布局
- 两侧面板在小屏下固定定位 + 滑动隐藏
- 正常收起/展开
### 国际化
- 中文、English 界面
### 打印
- 隐藏侧栏 / TOC / 头部
- 完整打印多页内容
### 快捷键
| 快捷键 | 功能 |
|--------|------|
| `B` | 切换文件浏览器侧边栏 |
| `T` | 切换目录导航 |
| `Ctrl+F` | 搜索标题 |
| `Esc` | 关闭灯箱/弹窗 |
| `?` | 显示帮助 |
---
## 🔧 安装说明
### 开发模式加载(未发布前)
1. 克隆或下载本项目到本地
2. 打开 Edge 浏览器,地址栏输入 `edge://extensions/`
3. 开启 **"开发人员模式"**
4. 点击 **"加载解压缩的扩展"** → 选择项目目录 `BeautyMarkdown`
5. 在扩展管理中找到 BeautyMarkdown,点击 **"详细信息"** → 开启 **"允许访问文件 URL"**
6. 在 Edge 中打开任意 `.md` 文件即可自动渲染
> Chrome 用户操作类似:`chrome://extensions/` → 开发人员模式 → 加载已解压的扩展
### 商店安装(待发布后)
在 Edge 加载项商店或 Chrome Web Store 搜索 **BeautyMarkdown** 即可安装。
---
## ⚙️ 设置说明
| 设置项 | 说明 |
|--------|------|
| **主题设置** | 浅色/深色/跟随系统 |
| **内容设置** | 字体、字号、行高、内容宽度、面板字号 |
| **代码增强展示** | 色彩风格、代码字体/字号、功能开关、UI 按钮颜色 |
| **语言** | 中文 / English |
| **快捷键** | 查看所有快捷键 |
---
## 💻 兼容性
- ✅ Microsoft Edge(Chromium 版本)
- ✅ Google Chrome
- ✅ 支持 `file://` 协议本地 Markdown 文件
- ✅ 支持远程 Markdown 文件
---
## 📄 许可证
MIT License
---
## 💬 交流反馈
如果有好的想法、建议,或者发现了问题,欢迎发邮件交流:
📧 **deboywang@126.com**
> 用科技,让每一份普通的 Markdown,都能成为值得分享的精致作品。
BeautyMarkdown - 优雅的 Markdown 阅读器 1.2.1.crx
.crx
1.2.1
支持
BeautyMarkdown - 优雅的 Markdown 阅读器 1.2.1.zip
.zip
1.2.1
不支持
页:
[1]