--- categories: - "[[Marp]]" tags: - marp - themes - css - recommendation created: 2026-04-07 source: "[[marp-themes]]" type: reference aliases: - Marp 主题合集 - Marp 主题推荐 --- # Marp 主题推荐 > GitHub 社区产出了不少优质 Marp CSS 主题,按推荐度排序如下。 ## 🏆 强烈推荐 ### [favourhong/Awesome-Marp](https://github.com/favourhong/Awesome-Marp) ⭐953 **中文友好的学术级主题,直接对标 LaTeX Beamer。** - **6 种主题色**:深色、绿色、蓝色、红色、紫色、棕色 - **38 种自定义样式**:页面分栏(8种)、列表分栏(6种)、封面页(5种)、目录页(3种)、Callout 引用盒(5种)、导航进度栏 - **中文字体适配**:方正宋刻本秀楷、方正苏新诗柳楷、霞鹜文楷 - 切换主题只需改一行 `theme: am_blue` - 搭配 VS Code 或 Obsidian 使用 > [!tip] 学术演示、论文答辩首选。效果最接近 LaTeX Beamer,但用 Markdown 写。 ### [cunhapaulo/marpstyle](https://github.com/cunhapaulo/marpstyle) ⭐198 **简洁美观的通用主题合集。** - 多种风格,注重美感和简洁 - MIT 开源 - 升级版 [MarpX](https://github.com/cunhapaulo/MarpX)(⭐62)是 Marpstyle 2.0 ### [rnd195/marp-community-themes](https://github.com/rnd195/marp-community-themes) ⭐42 **社区维护的主题画廊,有在线预览。** - [在线预览站](https://rnd195.github.io/marp-community-themes/),直接看效果 - 10 个主题,含明暗分类 - 包括:Academic、Beam、Border、Gradient、Graph Paper、Rosé Pine 系列(Dawn/Moon)、Gaia、Uncover ## 🎯 其他值得关注 | 项目 | ⭐ | 特点 | |------|-----|------| | [zhaoluting/marp-themes](https://github.com/zhaoluting/marp-themes) | 79 | 公司蓝、浙大蓝等机构定制色 | | [marp-team/awesome-marp](https://github.com/marp-team/awesome-marp) | — | 官方 awesome list,汇总全部生态资源 | | [codebytes/marp-slides-template](https://github.com/codebytes/marp-slides-template) | 30 | 快速开始模板 | ## 场景推荐 | 场景 | 推荐主题 | 理由 | |------|----------|------| | **学术报告 / 论文答辩** | Awesome-Marp | 最像 Beamer,有定理框、目录页 | | **技术分享** | marpstyle / MarpX | 简洁现代,适合代码展示 | | **日常汇报** | Community Themes 的 Beam/Border | 轻量、干净 | | **暗色主题** | Community Themes 的 Rosé Pine Moon | 暗色系,护眼 | | **学校 / 公司定制** | zhaoluting/marp-themes | 机构色模板参考 | | **快速开始** | 内置 `uncover` | 零配置 | ## 如何安装第三方主题 ### Obsidian Marp 插件 1. 下载主题 CSS 文件 2. 放入 vault 中的 `Templates/MarpTheme/` 目录 3. 在幻灯片 front-matter 中引用:`theme: theme-name` 4. **重启 Obsidian** ### Marp CLI ```bash # 指定主题目录 marp presentation.md --theme themes/ # 指定单个主题文件 marp presentation.md --theme my-theme.css ``` ### VS Code 在 `.vscode/settings.json` 中配置: ```json { "markdown.marp.themes": ["./themes/my-theme.css"] } ``` ## 来源 - [[marp-themes]] — 原始资料汇编 - [[Marp]] — Marp 概念页 - [[Marp 主题与样式]] — 内置主题和自定义 CSS 方法