Markdown还能这样玩吗？这个开源神器绝对厉害！

由于我们将新增的PPT内容放在了mall-slidev.md文件中，所以需要在启动时使用slidevmall-slidev.md命令来展示效果如下；我们再写一个presenterlayout，可以用来展示PPT作者的信息；---layout:presenter#配置作者头像presenterImage:'/logo.png'---#macrozheng个人介绍SpringBoot实战电商项目商城（50K+Star）。-Github：https://github.com/macrozheng-Gitee：https://gitee.com/macrozheng-掘金：https://juejin.cn/user/958429871749192-知乎：https://www.zhihu.com/people/macrozhengdemo的布局如下图；如果没有特殊要求，可以使用默认布局；layout:default---#项目介绍`mall`项目是一套电商系统，包括前端商城系统和后端管理系统，基于SpringBoot+MyBatis实现，部署在Docker容器中。前端商城系统包括首页门户、商品推荐、商品搜索、商品展示、购物车、订单流程、会员中心、客服、帮助中心等模块。后台管理系统包括产品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权限管理、设置等模块。-文档地址：[https://www.macrozheng.com](https://www.macrozheng.com)-备用地址：[https://macrozheng.github.io/mall-learning](https://macrozheng.github.io/mall-learning）默认布局如下；如果我们想在PPT中同时显示文字和图片，可以使用图文布局，通过reverse属性可以控制图片在左边还是右边；---layout:text-imagemedia:'http://img.macrozheng.com/mall/project/mall_admin_show.png'reverse:false---#项目演示###后台管理系统mall-admin-web是一个电商后台管理系统前端项目，基于Vue+Element实现。主要包括商品管理、订单管理、会员管理、推广管理、运营管理、内容管理、统计报表、财务管理、权限管理、设置等功能。-前端项目mall-admin-web地址：https://github.com/macrozheng/mall-admin-web-项目演示地址：[https://www.macrozheng.com/admin/index.html](https://www.macrozheng.com/admin/index.html）图文排版如下；对于默认布局，如果我们不需要配置，可以简写成功---;---#技术选择-后端|技术|说明|官网||------------------|------------------|----------------------------------------------||弹簧启动|容器+MVC框架|https://spring.io/projects/spring-boot||弹簧安全|身份验证和授权框架|https://spring.io/projects/spring-security||MyBatis|ORM框架|http://www.mybatis.org/mybatis-3/zh/index.html||MyBatis生成器|数据层代码生成|http://www.mybatis.org/generator/index.html||弹性搜索|搜索引擎|https://github.com/elastic/elasticsearch||兔子MQ|消息队列|https://www.rabbitmq.com/||雷迪斯|分布式缓存|https://redis.io/||数据库|NoSql数据库|https://www.mongodb.com||日志库|日志收集工具|https://github.com/elastic/logstash||基巴纳|日志可视化查看工具|https://github.com/elastic/kibana||Nginx|静态资源服务器|https://www.nginx.com/||泊坞窗|应用容器引擎|https://www.码头工人网||詹金斯|自动化部署工具|https://github.com/jenkinsci/jenkins||德鲁伊|数据库连接池|https://github.com/alibaba/druid||开源软件|对象存储|https://github.com/aliyun/aliyun-oss-java-sdk||最小值|对象存储|https://github.com/minio/minio||智威汤逊|JWT登录支持|https://github.com/jwtk/jjwt||龙目岛|简化的对象封装工具|https://github.com/rzwitserloot/lombok||胡图|Java工具类库|https://github.com/looly/hutool||页面助手|MyBatis物理分页插件|http://git.oschina.net/free/Mybatis_PageHelper||招摇用户界面|文档生成工具|https://github.com/swagger-api/swagger-ui||休眠验证器|验证框架|http://hibernate.org/validator|有时候我们需要所有的PPT内容都居中，可以使用new-section布局；---layout:new-section---#系统架构！[系统架构图](http://img.macrozheng.com/mall/project/mall_micro_service_arch.jpg)居中布局如下图；如果想在窗口中显示一些内容，也可以使用text-window布局，使用::window::拆分窗口中的内容；---layout:text-window---#业务架构-商品管理：【功能结构图-商品.jpg】(document/resource/mind_product.jpg)-订单管理：【功能结构图-Order.jpg】(document/resource/mind_order.jpg)-促销管理：[功能结构图-Promotion.jpg](document/resource/mind_sale.jpg)-内容管理：[功能结构图-Content.jpg](document/resource/mind_content.jpg)-用户管理：[功能结构图-User.jpg](文档/资源/mind_member.jpg)::window::文本窗口布局如下图；如果要实现双列布局，可以使用two-cols布局，使用::right::来划分左右两列；---layout:two-cols---两栏式布局如下：演示功能如果你把鼠标放在PPT的左下角，你还会发现Slidev提供了一排功能按钮，可实现全屏、前进、后退、录制、在线编辑等功能；通过概览功能，我们可以查看所有PPT的概览；通过切换主题功能，我们可以切换主题，比如切换到深色主题；通过绘图功能，我们可以在PPT上标注重点内容；通过在线编辑功能，我们可以实现对PPT内容的在线修改和部署。使用--base指定访问的子路径。当有多个PPT项目部署时，最好使用子路径；slidevbuildmall-slidev.md--base/mall-slidev/打包过程中的输出日志如下，注意图片资源最好使用文件存储，不要放在项目目录下；打包后，所有的静态资源都会输出到dist目录下；然后将dist目录放到Nginx的html目录下，重命名为mall-slidev，访问如下路径即可查看PPT。总结程序员用Markdown做PPT真的很方便。试想一下，当别人还在找PPT文件的时候，你打开一个链接就可以直接展示出来，是不是很酷！但是，Slidev也有一些缺点。例如，需要上下滚动的内容无法完全显示，例如超出屏幕的代码段或表格。使用时需要注意。参考官方文档：https://cn.sli.dev/guide/PPT文件地址https://github.com/macrozheng...