[开发工具]markdown_markdown制作幻灯片ppt的若干方式(marp/slidev)markdow_slidev+vscode

markdown 制作幻灯片的若干方式(marp/slidev)markdow

slidev

基本特点和安装

• When working with WYSIWYG所见即所得 editors, it is easy to get distracted by the styling options. Slidev remedies that by separating the content and visuals.
• This allows you to focus on one thing at a time, while also being able to reuse the themes from the community. Slidev does not seek to replace other slide deck builders entirely. Rather, it focuses on catering to the developer community.

• Home | Slidev

• Installation | Slidev

  • 非全局安装:$ npm init slidev

导出

• Exporting | Slidev
• 导出 | Slidev
  • 需要安装依赖 npm i -D playwright-chromium
  • 默认导出为pdf
  • 可以导出png
• can not export to pdf · Issue #116 · slidevjs/slidev (github.com)
  • 可能遇到的问题:导出超时(如果您的slidev文档中包含了某些请求(容易)超时的内容(譬如国外的网站))
    • 这种情况比较少见,您下试试魔法;替换为本地内容
• 功能强大,基于浏览器,更加接近ppt效果,甚至可以录屏
• 有文件结构/工程目录要求

插件的使用(vscode)

• 注意,创建好一个slidev的项目之后,您应该使用vscode以项目为根目录打开vscode的工作空间,这样slidev才会正确识别出可用的命令(否则会出现 xxx command not found的警告)
• 换句话说,slidev插件的运行依赖于slidev项目,不宜在将项目所在的父目录作为根目录
• slidev对于目录结构有所要求,不同的项目可以配置不同的样式
• 默认的,slidev会将项目根目录下的 slides.md作为渲染和演示文档

在启动插件的预览功能前,您需要在项目根目录下执行 slidev命令来启动服务端口

启动后刷新:

marp

• 官网:Marp: Markdown Presentation Ecosystem
• 文档Introduction (marp.app)
  • marp 基本不需要的安装什么依赖,只需要一个编辑器(譬如vscode)和一个插件(Marp for VS Code - Visual Studio Marketplace)
  • 也可以用其他形式使用marp

基本特点

• 入门简单,文件管理简单
• 更加轻量
• 可以调整图片的大小(长/宽)
• 可以设置图片的滤镜
• 可以将图片设置为背景

导出

• 导出格式包括ppt/html/pdf/…