VS code+Marp实现Markdown转换成PPT格式

这篇具有很好参考价值的文章主要介绍了VS code+Marp实现Markdown转换成PPT格式。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

VS code+Marp实现Markdown转换成PPT格式

哈喽,大家好,我是阿木又

写在前面:

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

可参照Marp官方文档

VSCode下载和安装

  1. 下载Microsoft Visual Studio Code

VSCode官网下载

VS code+Marp实现Markdown转换成PPT格式

  1. 安装VSCode

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

VS code+Marp实现Markdown转换成PPT格式

VS code+Marp实现Markdown转换成PPT格式

VS code+Marp实现Markdown转换成PPT格式

VS code+Marp实现Markdown转换成PPT格式

VS code+Marp实现Markdown转换成PPT格式

VS code+Marp实现Markdown转换成PPT格式

配置所需插件

  1. 安装中文插件

VS code+Marp实现Markdown转换成PPT格式

  1. 安装Markdown插件

VS code+Marp实现Markdown转换成PPT格式

  1. 安装Marp插件

VS code+Marp实现Markdown转换成PPT格式

认识Marp

VS code+Marp实现Markdown转换成PPT格式

  1. 指令的使用方法

Marp提供两种使用方法:

  • HTML comment

这种需要在theme等指令前后添加 。 VSCode快捷键Ctrl+/

<!--
theme: default
paginate: true
-->
  • Front-matter

第二种则是直接在Markdown文档的开头(就是将marp:true写在一起),此时无须再添加

---
marp: ture
theme: default
paginate: true
---
  1. 指令类型

指令类型(Type of directives)可分为全局指令(Global directives)和局部指令。

其中,全局指令是整个幻灯片设定值,例如 theme、headingDivider、style。在全局指令前面添加前缀 $,就可以实现对整个幻灯片的设定。

而局部指令用以设置当前幻灯片页面以及后续页面。例如,我们用 设置幻灯片的背景颜色。

Marp官方内置主题 指令为
Default(违约)
Gaia(盖亚)
Uncover(揭)

全局指令(Global directives)

Name Description
theme 指定幻灯片的主题
style 指定用于调整主题的CSS
headingDivider 指定标题分隔符选项

局部指令(Local directives)

Name Description
paginate 显示幻灯片页码
header 指定该幻灯片页眉的内容
footer 指定幻灯片页脚的内容
class 指定幻灯片元素的HTML类<section>
backgroundColor 设置幻灯片的样式background-color
backgroundImage 设置幻灯片的样式background-image
backgroundPosition 设置幻灯片的样式background-position
backgroundRepeat 设置幻灯片的样式background-repeat
backgroundSize 设置幻灯片的样式background-sixe
color 设置幻灯片的样式color

背景大小

关键词 描述
cover 缩放图像以填充幻灯片(默认) ![bg cover] (image.jpg)
contain 缩放图片以适合幻灯片 ! [bg contain] (image.jpg)
fit 别名,与套牌集兼容 ! [bg fit] (image.jpg)
auto 不缩放图像,并使用原始大小 ! [bg auto] (image.jpg)
x% 按百分比值指定比例因子 ! [bg 150%] (image.jpg)

开始使用

  1. 创建文档

VS code+Marp实现Markdown转换成PPT格式

  1. 演示

2.1 简单分页

VS code+Marp实现Markdown转换成PPT格式

2.2 简单使用

VS code+Marp实现Markdown转换成PPT格式

2.3 保存项目

VS code+Marp实现Markdown转换成PPT格式

2.4 导出pptx

VS code+Marp实现Markdown转换成PPT格式

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

2.5 成功打开VS code+Marp实现Markdown转换成PPT格式文章来源地址https://www.toymoban.com/news/detail-449421.html

到了这里,关于VS code+Marp实现Markdown转换成PPT格式的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 在java中如何使用openOffice进行格式转换,word,excel,ppt,pdf互相转换

    1.首先需要下载并安装openOffice,下载地址为: Apache OpenOffice download | SourceForge.net 2.安装后,可以测试下是否可用; 3.build.gradle中引入依赖: 4.创建工具类,启动openOffice服务的方法 5.结束openOffice服务的方法 7.在测试方法中进行格式转换,如,他可以是任意类型转换,如excel转换

    2024年02月14日
    浏览(57)
  • 有没有免费格式转换工具推荐?PDF转化为PPT的方法

    在当今职场生活中,掌握文件格式转换技能变得异常重要。将PDF文档转换为PPT格式可以在演讲、报告等场合更好地展示和传达信息,为我们的专业形象增添亮点,接下来我们可以一起来看一下“有没有免费格式转换工具推荐?PDF转化为PPT的方法”相关的资讯吧。 有没有免费格

    2024年02月12日
    浏览(60)
  • VS Code保存后自动格式化Vue代码---Vetur

    在VS Code里面编辑Vue代码,通常我们会安装插件Vetur,本次介绍的格式化代码也依赖于Vetur插件。具体见一下步骤 注: VS Code版本为1.74.3 1. 安装插件Vetur 2. 配置自动格式化,具体路径【文件】-【首选项】-【设置】,打开设置(json) 3. 将以下内容复制到settings.json 完成以上配置

    2024年02月15日
    浏览(52)
  • VS Code 一键删除所有注释,仨健格式化全部代码,一键去除行尾空格空白

    1. 打开VSCode的替换页面,快捷键为: Ctl + H 2. 鼠标左击使能正则表达式选项,快捷键为: Alt + R 3. 瞄准全部注释的正则表达式为:       4. 替换的内容什么都不写, 鼠标左击替换全部, 快捷键为: Ctl + Alt + Enter 5. 如果想删除全部空行,瞄准全部空行的正则表达式为: 同样用空来替换全

    2024年02月03日
    浏览(57)
  • ChatGPT实现markdown 格式与 emoji 表情

    书写文章时,巧妙的使用一些小图标,可以给文章增加不少的灵动感,读者也会感觉更加轻松。恰当的图标也能增进读者对内容的理解。ChatGPT 目前不能直接联网,但可以使用 emoji 表情文字来达到类似的效果。我们在不少 GitHub 的项目介绍和个人介绍页面上,都可以看到在列

    2024年02月07日
    浏览(44)
  • java代码实现将markdown层级标题转换成json树结构

     测试代码: 转换成json树结构之后的输出:

    2024年02月09日
    浏览(85)
  • 【markdown】【xSliders | slidev | mindshow】markdown文档生成PPT/视频

    https://www.funblocks.cn/ 自讲解幻灯片、生成视频 在线会议/课堂 Note: xSlides,会变身的超级幻灯片。可以自行讲解内容的幻灯片,也可以将幻灯片转换成视频,进行传播。还可以开启实时同步的在线课堂、在线会议。 纯文本写作 Note: Markdown是一种高效率、轻量的标记型文档格式,

    2024年02月04日
    浏览(50)
  • 数据库markdown版ppt生成

    提供注册和登录功能,区分家长、咨询师、管理员身份 针对不同身份提供不同的功能入口 为家长提供家庭教育资源、家庭教育咨询、家长论坛等功能 为咨询师提供回答家长问题、管理个人信息等功能 为管理员提供管理用户、管理咨询问题等功能 家长可在平台上提出问题,

    2024年02月04日
    浏览(88)
  • vue 实现 word/excel/ppt/pdf 等文件格式预览操作

    第三方服务接口地址:XDOC文档预览服务 特征: 有文件大小限制,超过要收费! 使用方法  参考地址:https://api.gitee.com/zhou_andong/vue-office/ 一、安装插件 vue-office 二、在引用时会涉及版本不兼容的问题 可以在npm包库 ,查看版本:https://www.npmjs.com/ 1、搜索插件名 2、以下版本没

    2024年02月16日
    浏览(85)
  • 【VS Code插件开发】自定义指令实现 git 命令 (九)

    🐱 个人主页: 不叫猫先生 ,公众号: 前端舵手 🙋‍♂️ 作者简介:前端领域优质作者、阿里云专家博主,共同学习共同进步,一起加油呀! ✨优质专栏:VS Code插件开发极速入门 📢 资料领取:前端进阶资料可以找我免费领取 我们通常会通过小乌龟、SourceTree、终端等实

    2024年03月14日
    浏览(67)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包