编程导航

  PPT 是什么？是演示文稿。它本来不是为了答辩而做得依托答辩。演示文稿以其独有的视觉冲击、精炼概括、重点突出，帮助演讲人向别人传达自己信息，包括知识、理念、工作展示，所以回归本质，它是很好的沟通桥梁，是不错的理解工具，所以请回归其本质。

  我为什么要放弃 PPT。不是我放弃它，是它放弃了我，我是真学不会，手动对齐，手动拖拽真的很让人难受。卡顿、死机、崩溃！还要钱，或者下载盗版？真的很难受。最重要的缺点是什么呢？移植差、自动化差、批量化差、精确度差，说到精确度，这真的不符合理科生的美学理念。

  我为什么要用网页 PPT？因为网页目前的发展来看，早已经到达一个空前的高度。网页的优点不必多说。而它的演示能力、动画能力，可以称之为前端，完全能够实现PPT 的所有功能。又有很多开源的工具，又能代码控制，弹性盒子适应不同的硬件设备。

  题外话，本质是一样的东西。首先从表征上来看，都是在硬件设备显示文字、动画以及交互。PPT 主流软件御三家：微软、wps、苹果的，是软件对吧。而 web 引申的 web 应用，本质都会是一样的。

思路

  1. 纯手搭建。直接来前端三件套呗。比如说网页上的轮播图swiper组件。轮播图很适合用来做PPT。
  2. 从 markdown 来。使用现成的工具，如 reveal。但是它太简陋了，至少在演示模板上是这样。
  3. 当然是要介绍本次使用的工具啦：Slidev

其他：

  1. 一个设计师免费 ppt 模板网站，有十来个 https://slidesppt.com/

安装和使用

  参考指南即可。在端口中常用以下几个命令：

使用的是 vue 构建的。启动渲染，修改保存后，浏览器同步渲染：

1
npx slidev

产生独立web应用，可以独立部署在其他服务器上：

1
npx slidev build

使用的是 vite 构建的web应用的，等价于：

1
npm run build

对于独立应用可以预览，即生成一个本地服务器驱动网页：

1
npx vite preview

如果想要构建在同域名的子路径下，可以这样：

1
npx slidev build --base=/yourpath/

注意，你要把 dist 文件夹里面的所有内容复制到 ....../yourpath/ 下面，再上传到服务器即可。

导出为 pdf：

1
npx slidev export