• 设为首页
  • 收藏本站
  • 积分充值
  • VIP赞助
  • 手机版
  • 微博
  • 微信
    微信公众号 添加方式:
    1:搜索微信号(888888
    2:扫描左侧二维码
  • 快捷导航
    福建二哥 门户 查看主题

    VScode+Marp实现Markdown转换成PPT幻灯片的动画演示

    发布者: 皮3591 | 发布时间: 2025-6-20 19:05| 查看数: 111| 评论数: 0|帖子模式

    用惯了Markdown,就会用到导出为Word、Pdf等格式,就想能不能用Markdown转换成PPT格式的文件,网上查找一番后发现Marp、Slidev两个解决方案。由于Slidev生成的类似HTML的演讲,所以本片介绍Marp。如有更好方法请评论区告诉我,先谢为敬!(文章配有gif演示,Marp指令不做特别说明)
    Visual Studio Code跨平台代码编辑器 v1.99.3 64位 官方中文安装版

    • 类型:编译工具
    • 大小:102MB
    • 语言:简体中文
    • 时间:2025-04-17
    查看详情可参照Marp官方文档
    VSCode下载和安装 下载Microsoft Visual Studio Code
    Visual Studio Code 64位 v1.99.3 官方最新安装版

    • 类型:编程工具
    • 大小:102MB
    • 语言:简体中文
    • 时间:2025-04-17
    查看详情

    安装VSCode

    安装示意图借用CSDN黄化的多多






    配置所需插件 安装中文插件

    安装Markdown插件

    安装Marp插件

    认识Marp

    指令的使用方法

    Marp提供两种使用方法:
    HTML comment
    这种需要在
    1. theme
    复制代码
    等指令前后添加 。
    1. VSCode快捷键Ctrl+/
    复制代码
    1. <!--
    2. theme: default
    3. paginate: true
    4. -->
    复制代码
    Front-matter
    第二种则是直接在Markdown文档的开头(就是将marp:true写在一起),此时无须再添加
    1. ---
    2. marp: ture
    3. theme: default
    4. paginate: true
    5. ---
    复制代码
    指令类型
    指令类型(Type of directives)可分为全局指令(Global directives)和局部指令。
    其中,全局指令是整个幻灯片设定值,例如 theme、headingDivider、style。在全局指令前面添加前缀 $,就可以实现对整个幻灯片的设定。
    而局部指令用以设置当前幻灯片页面以及后续页面。例如,我们用 设置幻灯片的背景颜色。

    全局指令(Global directives)

    局部指令(Local directives)

    背景大小

    开始使用


    • 创建文档

    演示
    2.1 简单分页

    2.2 简单使用

    2.3 保存项目

    2.4 导出pptx

    如果遇到导出失败,请退出以管理员身份运行VSCode。
    2.5 成功打开

    以上就是VScode+Marp实现Markdown转换成PPT幻灯片的方法,希望大家喜欢,请继续关注脚本之家。
    相关推荐:
    vscode有哪些好用的插件 12个不容错过的VSCode插件

    来源:https://www.jb51.net/softjc/927166.html
    免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有账号?立即注册

    ×

    最新评论

    浏览过的版块

    QQ Archiver 手机版 小黑屋 福建二哥 ( 闽ICP备2022004717号|闽公网安备35052402000345号 )

    Powered by Discuz! X3.5 © 2001-2023

    快速回复 返回顶部 返回列表