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)
- Android WebView 调试方法
- Python开发微信公众号后台(系列一)
- Consul最常用的命令和接口api
- webpack的Hot Module Replacement运行机制
- 如何使用Node.js编写命令工具——以vue-cli为例
- SpringBoot编写自定义的starter
- webpack3新特性简介
- Python机器学习算法入门之梯度下降法实现线性回归
- IronPython 2.0 beta 5
- node.js如何制作命令行工具(一)
- (28) 剖析包装类 (下) / 计算机程序的思维逻辑
- Linux进程监控工具Supervisor简易使用教程
- (29) 剖析String / 计算机程序的思维逻辑
- (27) 剖析包装类 (中) / 计算机程序的思维逻辑
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Angular 容易忽略的知识点
- 语雀自动同步到hexo博客
- 推荐 3 款超好用的 Docker 图形化管理工具
- python标准库之glob介绍
- Python 为什么只需一条语句“a,b=b,a”,就能直接交换两个变量?
- 使用List中的remove方法遇到的坑,不信你没有踩过!
- python opencv 图像尺寸变换
- OpenCv保存图像
- 机器学习|KNN
- docker 查看容器日志
- consul配置ACL
- CentOS7.5更改python版本后及yum不能用的解决办法,非编译!
- nginx 配置websocket
- PostgreSQL10分区表性能研究报告
- linux文件目录管理基本命令总结