制作Geek风格的投影片
做投影片用什么?如果你的回答是用PowerPoint,有没有感觉弱爆了?好吧,也许你会说用开源的替代,比如openOffice/Libreoffice。当然其实本质都是一样的,那就是PPT!
从今天开始不要再说、再用 PPT这三个字母了! 我们现在要重新定义,使用它本来的名称投影片!,即便是要装B用英文的话,也要用Slides这个词!
今天开始,这些都不用了,我将会最有Geek风格的投影片制作方法,也就是Markdown+HTML5的方法。先来说这种方式有什么好处:
采用”轻文本标记型语言“,主要是Markdown语言。文档和格式分开,轻便简单方便操作
采用HTML5技术,先进快捷。在浏览器中打开投影片,非常简单易行。大多数现代浏览器(IE浏览器和国产山寨浏览器除外)都是支持的。
非常酷,因为大多是用Javascript脚本实现的,所以想要多酷就有多酷,完全自由!
因为是网页格式,不用担心中文的问题(与Latex Beamer相比较)。只要浏览器能显示和渲染就行。
易于分享,只要放到网站上即可,看的人不需要安装任何软件!所以目前有越来越多的项目在github上弄个网页来展示投影片。
即便不会Javascript和HTML5的语法也没关系,只要用Markdown和一些工具,就能完全自由的制作投影片咯!
像写代码一样写投影片,非常有Geek Style!
既然是要用Markdown,那么首先用markdown来写一个演讲稿大纲,并把这个大纲按照投影片的方式整理一下:
% 主标题 % 演讲人 % 日期时间 ---- # 投影片的标题 ## 副标题 - 列表 - 列表项**强调的内容** - 列表项3 ---- #又一个投影片的标题 1. 有序列表1 2. 有序列表2 *斜体的内容* ---- # 第三张投影片 ! [图片](p_w_picpath/press.jpg)
Markdown+Impress.js
这是我第一个尝试的办法,有个项目叫mdpress,它可以实现Markdown+Impress.js的结合,可以参考这篇文章。如果不想看英文呢,我就说说如何在Ubuntu下安装mdpress,简单至极:
首先安装需要的包:
sudo apt-get install gem ruby-1.9.1-dev
然后安装mdpress:
sudo gem install mdpress
剩下的就是把投影片"编译"一下:
mdpress slides.md
此时会在当前目录下得到一个叫slides的目录,这个目录名和上面的文件名是一样的,然后进入这个目录可以看到一个index.html网页,用任何现代浏览器(Firefox\Chrome\Opera)打开即可。
左右键控制翻页,大多数浏览器用F11来全屏浏览。
Impress.js还有恨多非常酷的特效,在markdown写的投影片里用至少三个连续短线"----"来分割投影片,在短线下面可以写上一些impress.js提供的特效参数。最终版,源文件
mdpress项目还有一些示例可以看看,项目主页:https://github.com/egonSchiele/mdpress
Markdown+Pandoc+Reveal.js
这是最近刚刚发现的一个,实现的最终效果和上一个差不多,但是我觉得更炫。这是由Reveal.js提供的,自带了好几个主题包,其3D效果非常炫。我这里还要用到Pandoc,所以安装略有点复杂。可以看这篇文章和这篇文章。
首先是安装pandoc。
sudo apt-get install pandoc
然后需要下载reveal.js项目的代码https://github.com/hakimel/reveal.js/archive/master.zip
解包,进入目录。然后下载这个gist得到template-revealjs.html文件,放到revel.js项目根目录下。
准备好演讲用的投影片文件比如slides.md,也放到reveal.js的根目录下,然后在命令行执行:
pandoc -t html5 --template=template-revealjs.html \ --standalone --section-divs \ --variable theme="beige" \ --variable transition="linear" \ slides.md -o slides.html
上面这段有很多参数,其中theme可以指定reveal.js自带的主题,transition可以指定reveal.js自带的切换效果。-o后面的文件名就是“编译”完成以后的投影片。直接用浏览器打开即可。最终效果
用上下左右键来翻页,用ESC可以看到整个投影片结构(这是比impress进步的一点)。注意页面右下角有操作提示,非常方便!
如果以上步骤嫌麻烦,那么reveal.js还开发了一个完全所见即所得的网站,在线制作投影片,在线播放! http://www.rvl.io/
结论
以上两种方法各有优缺点,如果想表达效果更炫,可以选用reveal.js的方法。如果想要更简单快捷的制作投影片可以选用impress.js的方法。
总之,无论使用以上何种方法,都远好于用PPT!
转载于:https://blog.51cto.com/tonghuix/1182410
制作Geek风格的投影片相关推荐
- php yii2 api框架,Yii2框架制作RESTful风格的API快速入门教程
先给大家说下什么是REST restful REST全称是Representational State Transfer,中文意思是表述(编者注:通常译为表征)性状态转移. 它首次出现在2000年Ro ...
- 如何用PS制作故障风格的海报
前言 近几年,故障艺术又在设计圈中掀起了一把火,无论是先前<攻壳机动队>的海报,还是现在抖音的logo,一些我们看着是缺陷的东西在设计师的眼里也大有文章,今天就主要来讲讲如何通过PS来制作 ...
- 使用Python,OpenCV制作不同风格的素描图(正常,漫画,写实风格)
使用Python,OpenCV制作不同风格的素描图(正常,漫画,写实风格) 这篇博客将介绍如何使用Python,OpenCV制作不同风格的素描图(正常风格,漫画风格,写实风格). 1. 效果图 原始图 ...
- 用Unity制作isometric风格游戏的模型与插件精选
本文介绍一些制作isometric风格游戏的模型与插件.大名鼎鼎的<纪念碑谷>采用的便是isometric风格. 一:资源篇 1:Isometric Pack 3d 包含大量的isomet ...
- 【游戏建模全流程】在Maya中制作赛博朋克风格场景
本文为大家分享使用Maya制作赛博朋克风格场景:Japan 2041的工作流程,并介绍制作过程中使用的工具和资源. 01创建场景 场景中的人物是原始概念项目中的DAZ 3D角色,这些衣服在Evgeni ...
- 苹果手机键盘html代码大全,CSS_CSS3制作苹果风格键盘特效,效果预览:html标签:- phpStudy...
CSS3制作苹果风格键盘特效 效果预览: html标签: 复制代码代码如下: CSS3 KeyBoard Q W E R T Y U I O P ? A S D F G H J K L return ...
- html页面的内容外观显示样式,XHTML CSS制作样式风格切换的WEB站点
XHTML CSS制作样式风格切换的WEB站点 互联网 发布时间:2008-10-17 19:26:50 作者:佚名 我要评论 随着XHTML的逐渐推广流行,HTML在许多场合已经显得过时 ...
- 用“ul+li”及css制作韩国风格菜单
http://www.52css.com/article.asp?id=269 韩国网站的设计风格特征鲜明,色彩明快,现在越来越多的人正在模仿这种风格, 下图为一个韩式风格的网站效果: 韩国风格的网站 ...
- phpwind9.0 read.php 修改,phpwind9.0模板制作教程——制作论坛风格
由于论坛模板机制和门户等模板机制不同,所以今天我就先重点讲讲论坛模板制作的大概过程. 一.先来熟悉下phpwind9.0的论坛模板机制. 其实phpwind9.0的模板机制和discuzx2.5差不多 ...
最新文章
- RabbitMQ使用详解
- linux的json命令安装,linux 下强大的 JSON 解析命令 jq
- 浅谈移动Web开发:深入概念
- 为PHP开发C语言扩展
- 全志A10 Bootload加载过程分析
- eclipse 版本 查看
- 重新安装Linux自带的JDK
- 计算机组装与维护李毅,青春力量 | 优秀校友李毅专访
- Web前端开发技术(第3版)储久良 12.6综合实例
- NLP——12.词向量及相关应用
- 数字虚拟人metahuman,苹果手机做动作捕捉
- 考研数学小知识点(积化和差、几何平均数、质心、梯度、旋度、散度)
- 逆向工程-REVERSE知识手册
- 自定义CDH parcel
- WP 微信导出聊天记录备份到电脑
- 以数据驱动的支付场景数字营销,能否成为下一个...
- 1005.E. Maximize Sum Of Array After K Negations
- 《Linux内核完全注释》部分习题解答
- How Apache Zeppelin runs a paragraph
- plt.scatter散点图
热门文章
- 程序猿是如何解决SQLServer占CPU100%的
- ios即时通讯客户端开发之-mac上安装MySQL
- hive实现not in
- Silverlight中使用MIRIA进行触屏编程
- 转:数据库关系模式的范式详解
- 计算机二级offic考试题库2017,2017年9月计算机二级MSOffice考试题「带答案」
- 中service层的作用_浅析Java中dto、dao、service、controller的四层结构
- JAVA执行过程sql,SQL 执行过程
- 数据库:分享四个实用的SQLServer脚本函数,欢迎收藏
- 为什么超 80% 的开源开发者苦苦挣扎在贫困线?