Cleaver快速制作网页PPT

如今互联网时代,以浏览器作为入口,已经有越来越多的桌面应用被web应用所取代。微软最赚钱的Office办公软件,也正在被免费的web应用所吞噬。如今即便薄学如我就已然知晓reveal.js impress.js等各种轮子来制作体验优良的网页PPT。今天就来尝试下这Node.js的轮子Cleaver来制作网页PPT。

Cleaver基于HTML5,用最短的时间做出超炫幻灯片。你还会坚持PowerPoint吗?

Cleaver介绍

如果你已经有了一个Markdown的文档,30秒就可以制作成幻灯片。Cleaver是为Hacker准备的工具。 Cleaver的官方发布页:http://jdan.github.io/cleaver/; 参考文章:30秒制作幻灯片 Cleaver

Cleaver安装

系统环境(据悉:支持Linux 和 Mac; cleaver不支持win系统) Linux: Ubuntu 12.04 LTS 64bit node: v0.6.12 npm: 1.1.4 通过nodejs安装Cleaver

//局部安装Cleaver
~ mkdir nodejs-cleaver && cd nodejs-cleaver
~ sudo npm install cleaver

//全局安装Cleaver
~ sudo npm install cleaver -g

Cleaver基本使用

执行cleaver命令,解析一个markdown文件,会自动生成HTMl文档,欧耶,算是Pandoc的部分功能深入了;

用cleaver自带的例子:

//如是局部安装,运行下面一句就好
cleaver node_modules/cleaver/examples/basic.md

//如是全局安装,请跑起Like this:
cleaver  /usr/local/lib/node_modules/cleaver/examples/basic.md

Cleaver配置选项option

title: Basic Example  #HTML的标题名
author:               #作者信息,在最后一页显示
  name: Jordan Scales
  twitter: jdan
  url: https://jeffjade.com
output: basic.html

除此之外还有其他额外设置,譬如:

  • theme: 皮肤(theme: jdan/cleaver-retro)
  • style: css样式表(style: css/main.css)
  • output: 生成的HTML文件名(output: basic.html)
  • controls: 控制按钮(controls: true)
  • progress: 顶部显示进程条(progress: true)
  • agenda: 生成一个目录页(progress: false)
  • encoding: 文档的字符编码(encoding: utf-8)
  • template: 设置每张slide的模板(template: template/slide.mustache)
  • layout: 设置HTML模板(template: template/layout.mustache)

Cleaver的正文内容:

Cleaver仅支持Markdown语法的,通过Markdown构建网页内容,Markdown官方网站:http://daringfireball.net/projects/markdown/

需要注意的是,Cleaver以” — “(两个中横线)做为分页的标志,其他语法都遵循Markdown规则。

MS Office PowerPoint 正在被渐行渐远。。。

写在最后

相比于之下,impress.js, reveal.js以及Cleaver三者各有特色吧;在唯快不破的理论下,Cleaver自然占据了无与伦比的优势,只是像动画,样式等比于impress是一个短板。并且,在写此文的时候欲以Cleaver来呈现的,不过总是报出下面这样的问题(Mac OS X Yosemite):

!! Cannot read property ‘compiled’ of undefined Please report this to https://github.com/chjj/marked.

花了些许时间来探究这个问题,只是现在网络上目测关于这个信息不是很多。逐一对比之下,文章的格式没什么问题。在即将放弃的时候,发现原来是标记代码的时候用了```shell,所造成的问题,去掉shell或者换成别的也就没有问题了。额…。

点击这里查看:此文的PPT版本(Cleaver)

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏SAP最佳业务实践

SAP最佳业务实践:MM–组件收费的委外加工(251)-6开销售发票

4.7 创建出具发票凭证 创建出具发票凭证给委外加工商。 完成了对委外加工商的发货。 SAP ECC菜单Processes -Create Invoices f...

43280
来自专栏iOSDevLog

用Kotlin破解Android版微信小游戏-跳一跳成果跳一跳思路源码使用方法参考来源Android 插件 免PC

39960
来自专栏互联网杂技

react+redux+webpack教程3

现代web页面里到处都是ajax,所以处理好异步的代码非常重要。 这次我重新选了个最适合展示异步处理的应用场景——搜索新闻列表。由于有现成的接口,我们就不用自己...

433100
来自专栏生信技能树

使用R语言获取人类所有基因的名字,ID,symbol以及别名

然后直接把下面的代码运行一下,把输出的all_gene_bioconductor.html文件好好看看, 就明白了。

22140
来自专栏菩提树下的杨过

Web开发感悟:数据绑定是一种技术,更是一门艺术

1、前言 作为一个多年从事b/s开发的程序猿,曾先后使用过asp、asp.net做为主要服务端语言。不管是相对低级的asp也好,还是高级的asp.net也罢,都...

21450
来自专栏杨建荣的学习笔记

dg的奇怪问题终结和分区问题答疑 (r7笔记第77天)

今天来说几个问题,一个是对昨天《让我焦灼的四个问题》的升华,不能起博眼球的题目,技术分析给大家兜底了,你们看看有没有类似的问题。 还有几个小问题说说今天的感受和...

35750
来自专栏角落的白板报

.NET CORE 框架ABP的代码生成器(ABP Code Power Tools )使用说明文档

前言 各位好,又是一个多月没更新文章了。 原因嘛,大家都懂的,太忙了~ 临近年末,公司的项目、年会的做技术支持,同事朋友聚餐也比较频繁。 当然视频教程也没有继...

55050
来自专栏MixLab科技+设计实验室

设计师编程指南之Sketch插件开发 4

为什么写这个系列的文章,一是因为网上相关的 sketch 插件开发教程太少,官方的文档写得不算太清楚,二是因为本公众号长期在研究智能设计相关的内容,基于 ske...

37580
来自专栏转载gongluck的CSDN博客

波形音频(WAVE)底层接口的学习与使用

在WINDOWS下,音频函数有多种类型,如MCI、多媒体OLE控制、高级音频等,使用方法都比较简单。 但如果想编写一个功能较强大的音频处理程序,那...

1.3K50
来自专栏ChaMd5安全团队

N1CTF2018 APFS&Lipstick题解

APFS题目描述 Apple released the brand new APFS on WWDC 2017 with a bunch of new feat...

372100

扫码关注云+社区

领取腾讯云代金券