Project Icon

Awesome-Marp

Markdown演示文稿创作工具 支持多样化主题与样式

Awesome-Marp是基于Marp的开源项目,提供6种主题和38种自定义样式,支持多种页面布局功能。该工具能够通过Markdown语法创建美观的演示文稿,提高了创作灵活性和效果。Awesome-Marp可在VS Code和Obsidian中使用,为演示文稿制作提供了一种替代PowerPoint和LaTeX Beamer的简便方案。

✨ README-en🎉 README-zh

Awesome Marp:轻松取代 LaTeX Beamer!

为什么要做 Awesome Marp?

自从了解到 Marp 可以使用 Markdown 语法来创作 PPT 以来,我已经两年多没有使用 PowerPoint 制作演示文稿了。

Marp 内置的原生主题样式数量较少,且呈现效果不够美观,因此我一直在尝试自定义 CSS 文件,以创造符合个人审美的主题。在边修改边使用的过程中,这套模板也得到了几位朋友的喜爱。于是我决定将其分享出来,希望能对你有所帮助~

我给这套主题起了个名字,叫做"Awesome Marp",算是一个阶段性的总结。目前 v1.3 版本提供了 6 种主题(分别是深色、绿色、蓝色、红色、紫色和棕色)和 38 种自定义样式。

首先,让我们来看一张效果动图吧~

Awesome Marp 整体效果

怎么样?如果你也使用过 Marp 原生的主题,一定会发现 Awesome-Marp 的变化真的很大。没错,我基于 Marp 的"default"主题进行了不小的改动。

这是一个纯 CSS 的项目,所有效果都是通过 CSS 语言实现的。由于我没有前端基础,所以是边学边改,代码还有不少可以优化的地方。但是,完成比完善更重要,一些小问题可以日后迭代更新。因此,我决定将 Awesome Marp 上线了!

你需要了解的软件工具

只需要三样:软件 Visual Studio CodeObsidianMarp for VScode(插件)

  • Markdown 是一种极轻量的文本标记语言,允许人们使用易读易写的纯文本格式编写文档,而且对于表格、代码、图片、公式等支持良好,在网站搭建、课程笔记/讲义、演示文稿、撰写学术论文等方面应用极为广泛。

  • Markdown 编辑器(如 VS Code、Obsidian)

  • Marp 是使用 Markdown 创作演示文稿的工具。

Awesome Marp 的几个特色

  • 支持 8 种页面分栏样式:包括两栏五五分、两栏六四分、两栏七三分、两栏四六分、两栏三七分、三栏三三分、两行分栏和品字型分栏

4种页面分栏的呈现效果

  • 支持 6 种非嵌套列表的分栏样式:两列+有序列表+方形序号、两列+有序列表+圆形序号、两列+无序列表+方形序号、两列+无序列表+圆形序号、单列+有序列表+方形序号、单列+有序列表+圆形序号

list列表分栏呈现的效果

  • 支持导航进度栏:

导航进度栏的效果

  • 支持 5 种类型的封面页:

5种类型封面页的效果

  • 支持 3 种类型的目录页:

3种目录页的效果

  • 支持 5 种自定义 Callouts(类似于 Beamer 的定理框):

5种自定义引用盒子的呈现效果

  • 小彩蛋:链接会自动增加一个小尾巴:

链接的呈现效果

  • 还可以自定义实现图片的水平排列方式:居中对齐、居左对齐或居右对齐
    • 图片水平居中对齐:![#c](https://raw.githubusercontent.com/favourhong/Awesome-Marp/main/images/a.png)
    • 图片水平居右对齐:![#r](https://raw.githubusercontent.com/favourhong/Awesome-Marp/main/images/a.png)
    • 图片水平居左对齐:![#l](https://raw.githubusercontent.com/favourhong/Awesome-Marp/main/images/a.png)
  • ……

总结一下,像上面这样的自定义样式,目前 Awesome Marp 1.3 版本一共支持 38 个!使用时只需要在页面指定局部指令,比如:<!-- _class: trans -->

38 种自定义样式

不仅如此,我还设计了 6 种主题色,想要切换主题,只需要在 YAML 区定义 theme: <theme_name>

6种主题颜色

轻松切换主题

如何使用 Awesome Marp?

  • 使用方法:

    • 配合 VS Code:直接用 VS Code 打开 Awesome-Marp 文件夹
      • 如果你想"即拿即用",直接参照我分享的 Markdown 源码文件进行修改即可~
      • 如果你对某些效果不满意、想要简单调整,目前在 Awesome-Marp/themes 下有 6 个 CSS 文件,这些 CSS 文件决定了 Markdown 源码的最终渲染效果,可以尝试修改~
      • 如果你能自己定制个性化 CSS 文件,渲染前别忘了在 Awesome-Marp/.vscode/settings.json 中添加你的 CSS 文件路径~
    • 配合 Obsidian:安装 Marp Slides 插件,并配置相应的 CSS 路径
  • 字体:出于版权考虑,需自行下载并安装字体,Awesome Marp 使用的字体包括:

    • 正文字体:Latin Modern Math方正宋刻本秀楷简体,若未安装,默认使用 Calibri楷体
    • 标题字体:Optima LT Medium方正苏新诗柳楷简体,若未安装,默认使用 Arial黑体
    • 脚注字体:Charm叶根友毛笔行书修正版,若未安装,默认使用 Calibri楷体
    • 代码字体:Fira Code霞鹜文楷等宽,若未安装,默认使用 Consolas华文中宋

更新记录


希望对你有所帮助,欢迎交流 ~

创作不易,欢迎赞赏 🤙~

WeChatPay
项目侧边栏1项目侧边栏2
推荐项目
Project Cover

豆包MarsCode

豆包 MarsCode 是一款革命性的编程助手,通过AI技术提供代码补全、单测生成、代码解释和智能问答等功能,支持100+编程语言,与主流编辑器无缝集成,显著提升开发效率和代码质量。

Project Cover

AI写歌

Suno AI是一个革命性的AI音乐创作平台,能在短短30秒内帮助用户创作出一首完整的歌曲。无论是寻找创作灵感还是需要快速制作音乐,Suno AI都是音乐爱好者和专业人士的理想选择。

Project Cover

有言AI

有言平台提供一站式AIGC视频创作解决方案,通过智能技术简化视频制作流程。无论是企业宣传还是个人分享,有言都能帮助用户快速、轻松地制作出专业级别的视频内容。

Project Cover

Kimi

Kimi AI助手提供多语言对话支持,能够阅读和理解用户上传的文件内容,解析网页信息,并结合搜索结果为用户提供详尽的答案。无论是日常咨询还是专业问题,Kimi都能以友好、专业的方式提供帮助。

Project Cover

阿里绘蛙

绘蛙是阿里巴巴集团推出的革命性AI电商营销平台。利用尖端人工智能技术,为商家提供一键生成商品图和营销文案的服务,显著提升内容创作效率和营销效果。适用于淘宝、天猫等电商平台,让商品第一时间被种草。

Project Cover

吐司

探索Tensor.Art平台的独特AI模型,免费访问各种图像生成与AI训练工具,从Stable Diffusion等基础模型开始,轻松实现创新图像生成。体验前沿的AI技术,推动个人和企业的创新发展。

Project Cover

SubCat字幕猫

SubCat字幕猫APP是一款创新的视频播放器,它将改变您观看视频的方式!SubCat结合了先进的人工智能技术,为您提供即时视频字幕翻译,无论是本地视频还是网络流媒体,让您轻松享受各种语言的内容。

Project Cover

美间AI

美间AI创意设计平台,利用前沿AI技术,为设计师和营销人员提供一站式设计解决方案。从智能海报到3D效果图,再到文案生成,美间让创意设计更简单、更高效。

Project Cover

AIWritePaper论文写作

AIWritePaper论文写作是一站式AI论文写作辅助工具,简化了选题、文献检索至论文撰写的整个过程。通过简单设定,平台可快速生成高质量论文大纲和全文,配合图表、参考文献等一应俱全,同时提供开题报告和答辩PPT等增值服务,保障数据安全,有效提升写作效率和论文质量。

投诉举报邮箱: service@vectorlightyear.com
@2024 懂AI·鲁ICP备2024100362号-6·鲁公网安备37021002001498号