一场极客的盛宴

  • 什么是“用代码做演示文稿”
  • 用代码写演示文稿,优势何在?
    • 引子
    • 敏捷快速
    • 简单易上手
  • 代码写演示文稿,适用于什么样的情景
    • 学术报告
    • 创新场合
  • 目前较为成熟的代码演示文稿软件/模板
    • Yu-Writer Pro
    • Remark
    • Remark-it
    • Impress.js
    • Code Surfer
  • 关于代码演示文稿的导出工具
    • DeckTape
  • 碎碎念-关于笔者的演示文稿观

什么是“用代码做演示文稿”

用代码写类似于PPT的演示文稿,大多数都是在底层基于HTML来实现的,利用Markdown风格的语言,借助成熟的模板、软件,可以快速的制作一份漂亮的演示文件。

用代码写演示文稿,优势何在?

引子

打个比方,PowerPoint就像是一把大刀,百儿八十斤,死沉死沉。

  • 往大了说,拿它杀鸡宰牛完全不虚。笔者拿她做过游戏、做过视频动效,是一个强大可靠的工具。
  • 往小了说,雕个萝卜花也不是不可以,就是端久了实在累胳膊。假如说只想做个素色的文稿,还得一点点加文本框…而笔者又是个不折腾会死星人,各种各样的插件塞了满满一排。光是打开就很费时间了。

而代码写的演示文稿,就像一把小折刀,应付日常的任务绰绰有余,然而要是爱折腾,也不是不可以用她干票大的。

敏捷快速

设想这样一种情况,晚上翻看ddl,突然发现一份PPT还没有做,从0开始写PPT费时费力,随手套模板也可能遇上大大小小的问题。
又或者你心血来潮,打算顺着思路做一份PPT,却发现冗杂的格式调整,让你的热心和灵感一点点丢失。

基于HTML的PPT制作隐藏了大部分繁琐的格式控制,在做PPT的时候不需要过多考虑美观与布局,你唯一需要做的就是写下自己的灵感,自动模板会帮助你完成剩下的一切。
当然,隐藏了格式并不代表完全不能对格式进行随心所欲的操纵,许多模板内置了格式控制代码块,完全可以进行深度定制。

简单易上手

大部分模板的语言都是Markdown风味的,一分钟瞄一眼格式控制符号就能快速上手,五分钟读一下格式控制就能迅速进阶,多做几份,你就是大佬。
这也意味着,当你写完了一份Markdown文档,稍加修改就可以将文档轻松转化为演示文稿。一文两用,极度舒适。

代码写演示文稿,适用于什么样的情景

学术报告

学术报告堪称“花里胡哨星人的禁区”,越是硬核的报告,演示文稿可能越朴素。ban掉动效、装饰组件的情况下,PPT上场显然就有些多余。用代码实现的演示文稿则表现得又快又好。

创新场合

这里,是 代码实现演示文稿 弯道超车的地方。PowerPoint属实强大,但也有难以做到的地方,比如转场3D,更加风骚的特效,而这些却正是js和css的主场。
来欣赏一下这两个花枝招展的家伙,这种要多骚气有多骚气的玩意,往往能在千篇一律的模板里让评委眼前一亮:

目前较为成熟的代码演示文稿软件/模板

Yu-Writer Pro


点击进入官网
这款工具是一个国人出品的,极其完善的MarkDown写作平台。写演示文稿是这玩意下辖的一个强大的功能。该平台在Markdown的支持上可以Typora打的有来有回。

语法简单,文档详细,能基本还原PowerPoint的静态显示部分,支持实时显示预览,同步滚动,最重要的一点是,它不需要任何修改就可以直接进入演示,是文档与演示文稿的通用体。

软件可以免费下载,不氪金已经可以满足大多数基础功能,氪金激活后可以解锁所有功能,并去除演示时的水印,有学生优惠。(别想着白嫖,一方面网络上基本不存在破解版,另一方面国人的软件,有条件的话支持一下比较好)

x1 然而没法直接从剪贴板贴图
x2 作者 @河马大佬 花式拖更
—来自笔者的碎碎念

Remark


点击观看demo
点击进入下载
轻量而不失强大的HTML模板,在格式的支持上没有过多选择,但演示模式却极为强大。她基本实现了PowerPoint的所有演示功能,计时,演讲者模式,提示文本等(除了激光笔和实时笔迹暂时不支持,不过用处不大,因为激光笔可以用光标代替,实时笔记可以配合截图工具实现)
在实时渲染上也极为优秀,所有改动在0.5s内基本都能完成更新。

学术报告类演示文稿必备佳品!

不过在Latex的渲染上好像有bug,似乎渲不出来…
—来自笔者的碎碎念

Remark-it


点击观看demo
点击进入下载
这玩意是国人在Remark基础上添加各种组件,升级融合的产物,打个比方,就像个武装到牙齿的瑞士军刀,堪称代码风演示文稿对抗正统PowerPoint的种子选手。
继承了Remark的所有优点,添加的组件让花里胡哨的式样成为可能,唯一的问题就是渲染比较费时间,建议先用楼上Remark写个初版,再进来 加 特 效。而且建议不要自动刷新,不然改代码的刷新空窗能逼死人。

Impress.js

点击观看demo
点击进入下载
8说了,贼几把炫酷。唯一能和这玩意的换场动效抗一波的,应该只有万彩家的动画大师了。
项目WiKi里有句话过于真实:

WARNING
impress.js may not help you if you have nothing interesting to say

极客风---尝试用代码做一份演示文稿吧相关推荐

  1. 前端详细教学 超酷JS实现极客风打字效果

                                                        效果贼拉炫酷,写起来也非常简单,非常适合小伙伴们学习 话不多说,我直接上代码. html < ...

  2. 极客无极限 一行HTML5代码引发的创意大爆炸

    摘要:一行HTML5代码能做什么?国外开发者Jose Jesus Perez Aguinaga写了一行HTML5代码的文本编辑器.这件事在分享到Code Wall.Hacker News之后,引起了众 ...

  3. 极客战记 森林入侵_本周极客历史:史蒂夫·乔布斯演示了第一台Mac,神话破坏者登上了电波,奇异博士入侵了大众文化

    极客战记 森林入侵 It was quite a wild ride for this week in Geek History: Steve Jobs gave a demonstration of ...

  4. Python——极客战记codecombat关卡代码

    不到万不得已,请各位不要走这条捷径噢,毕竟思路比代码本身更重要. 成果不易,转载请注明出处,谢谢. 文章目录 kithgard地牢 地牢 深藏的宝石 幽灵守卫 真实姓名 高举之剑 焰中舞动 KITHM ...

  5. 极客招募令!兄弟杯区块链极客竞技大赛在上海等您来战!

    据悉,由国内首家区块链技术社区区块链兄弟主办,旺链科技.离子链.中国云体系产业创新战略联盟.无退社区.指旺金科等单位强力支持,HiBlock区块链社区.火球财经.布洛克财经.海豚区块链.区块网等百家技 ...

  6. GitHub 热点速览 | 极客们都在玩这些 Terminal!

    作者 | HelloGitHub-小鱼干 来源 | HelloGitHub(ID:GitHub520) 头图 |  CSDN 下载自东方IC 多少人以为暗黑的终端便是一名程序员的工作台,其实上,终端可 ...

  7. 极客 Play 玩 Terminal——GitHub 热点速览 Vol.40

    作者:HelloGitHub-小鱼干 多少人以为暗黑的终端便是一名程序员的工作台,其实上,终端可以不只是一个输入 command 的界面,也可以是本周特推 kb 一样,面向极客的极简命令行知识库管理器 ...

  8. AfterShip 创始人 Teddy:极客精神是用技术把 SaaS 服务做到最好

    文 | 周晓莉 牛透社 从去年开始,跨境电商关注倍增,不管是圈内人,还是跨境小白,都在频繁提及跨境电商.疫情后的新常态对消费者的消费心理带来极大颠覆,也将跨境电商带到了新的发展阶段.相较于其他国家,中 ...

  9. 重磅开源!推荐一个以最优惠的方式购买极客时间课程的开源项目!

    简介 以最优惠的方式购买极客时间的课程. 做为一名互联网人是要终身学习的,总是要学习很多知识点的,总是会买很多课程来学,但是很多课程都很贵,最终没有学到相应的知识点. 极客时间 是一个轻松学习,高效学 ...

最新文章

  1. 错误信息:Microsoft 分布式事务处理协调器(MS DTC)已取消此分布式事务
  2. 文本挖掘(part6)--共现矩阵
  3. 第九十三期:带你聊聊 Java 并发编程之线程基础
  4. (转)基于Metronic的Bootstrap开发框架经验总结(7)--数据的导入、导出及附件的查看处理...
  5. maven 依赖版本管理— dependencyManagement
  6. Perl文件处理示例——批量添加Copyright版权信息
  7. 数据网站(数据集的获取)、打分网站
  8. 制作扫码连wifi的二维码
  9. 七牛云上传的视频通过外链播放黑屏问题
  10. DELL笔记本E5400刷BIOS激活win7
  11. Heka采集系统Output插件开发
  12. Linux系统的应用软件流程图绘制软件yEd
  13. Mac升级文件不见了怎么恢复?
  14. 看懂卫星遥感数据RPC文件
  15. 病历管理系统代码android,医院病例管理系统下载
  16. 用 word2vec 进行文档聚类
  17. IC学习笔记20——VCS的使用(一)仿真事件队列
  18. 31套VTK3D图像体绘制/VTK光线投射法/VTK三维重建程序源码
  19. 每日一道leetcode(python)77. 组合
  20. python所有组合_Python 生成所有组合

热门文章

  1. HTTP Status 400 - Required String parameter '/q' is not present
  2. 钉钉直播回放视频下载
  3. 专访第一代车间程序员:ET工业大脑数学博士夏分
  4. oracle中创建同义词(synonyms)表
  5. L1-047 装睡 (10分)(C语言)
  6. moviepy音视频剪辑:使用VideoFileClip、AudioFileClip和write_videofile、write_audiofile进行音视频的加载和输出
  7. 使用Hive SQL查询Iceberg表的正确姿势
  8. 两线无源模拟信号VI转换10KV高 隔离变送器
  9. 操盘手给你讲市场理念
  10. 关于计算机科技科幻作文600字,六年级科幻作文600字