用你的 Mweb 来写 PPT 吧,撸了一套 Mweb 的 PPT 主题

2020-05-14 01:40:18 +08:00
 ideacco

RT,最近时长需要内部开个小会,看看代码片段,分享一下文章和网站啥的,用 PDF 吧感觉不够“动态”,用 keynote 吧又不能保证每个人手机都打得开,后来一番寻觅,找到了一个reveal.js库,貌似正好适合,但是我懒啊,不想每次都手工编辑 HTML,SO,正好我一直用 Mweb 做笔记,就撸了一个 Mweb 主题:Quick PPT.分分钟可以用 HTML 输出 PPT 啦,并且可以放在服务器上面,随用随开,随便分享。

一些界面效果

Quick PPT 主题主要功能:

  1. 5 种页面过渡效果,8 个界面主题
  2. 背景图,背景视频,背景 ifarme 支持
  3. 代码片段高亮,并支持高亮代码跳转展示
  4. 全键盘绑定,并且支持触屏控制
  5. 单页面属性设置,支持单页面跳转效果

如何安装

  1. 下载这个 git 包,并且解压出来。
  2. 在 MWEB 中的左侧右键点击任意一个文件夹,在弹出的对话框中点击 “编辑---设置为静态网站”
  3. 再次右键点击该文件夹,点击 “编辑”按钮,在弹出的对话框中,点击”模板“那栏后面的“编辑“,选择”打开自定义模板所在的文件夹“
  4. 将下载的主题文件夹复制到打开的模板文件夹内。
  5. 在 Mweb 中文件夹右键”编辑“ --- ”模板“ 选择 Quick PPT 模板。
  6. 在 Mweb 中文件夹右键”编辑“ --- ”高级设置“ ----”网站扩展“---”网站扩展设置“中设置相应的字段:切换效果,主题及默认高亮语言
  7. 在 Mweb 中新建文档,在网站扩展中,设置相应的页面参数

使用技巧

  1. 页面尽量不要太多文字
  2. 闪现文本 /纵向长页面设置后,尽量不要用代码块高亮功能,因为不会应用代码高亮样式
  3. 可以多尝试变换主题和切换方式,有时候很有趣
  4. 本主题构建基于 reveal.js,需要更多自定义及修改,可以在这里找到详细说明

Demo 地址

deom 地址在这里

github 地址

喜欢的求个 star👌

3046 次点击
所在节点    分享创造
4 条回复
hhyvs111
2020-05-14 01:53:36 +08:00
不错
ideacco
2020-05-14 13:49:15 +08:00
之前还写了一个卡片布局的 blog,有空一起整理一下放上来
winstars
2020-05-14 17:26:34 +08:00
挺好玩的,一看 mac 的,告辞。
yanwen
2020-12-02 10:25:36 +08:00
弱弱问一下大佬。。 有没有使用 demo 的 markdown 代码 参考参考??

看了一轮感觉还是有点蒙逼的。不会用。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/671439

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX