org-reveal
环境:
Debian 8
Emacs 24.4
org-reveal是在emacs org-mode中使用reveal.js的一个插件。
emacs 24.4自带的org版本是8.2.10,这个版本似乎需要更新一下,以免出现各种莫名问题。
在emacs中使用org-reveal的步骤如下:
一、更新org
卸载自带的版本,安装最新版本。
M-x package-list-packages
C-s org # 找到已安装的org
d x # 卸载
卸载后最好重启emacs,然后安装最新版。目前的最新版是8.3.3(安装有点慢)。
二、安装ox-reveal
在package中找到ox-reveal,安装它。(没有org-reveal这个名字的包!)
三、启用ox-reveal
在.emacs文件中加入:
(require 'ox-reveal)
这样就算安装完了。
下面开始写一个org文件,内容就是你要展示的东西。
#+TITLE: 浏览器内核(Browser Core)
#+AUTHOR: Author
#+EMAIL: a@author.com
#+DATE: 2016-01-21
#+REVEAL_ROOT: http://cdn.jsdelivr.net/reveal.js/2.5.0/
#+REVEAL-SLIDE-NUMBER: t
#+REVEAL_THEME: sky
#+REVEAL_TRANS: linear
* 浏览器内核的构成
** 渲染引擎(layout engineer OR Rendering Engine)
取得网页的内容,输出至显示器。
** Javascript引擎
解析Javascript语言,执行javascript来实现网页的动态效果。
* 浏览器内核分类
** Trident < Mosaic
1997年-IE4
双核浏览器 -“兼容模式”
Win10 - Edge
** Gecko < Mosaic
2000.11.14 - Netscape6
** Blink < Webkit
2013.4.3 - Google Chrome
** Webkit < KDE-KHTML
2003.1.7 - Apple safari
2008.9.2 - Google chrome - chrommium
*** chrommium
搜狗、360、QQ
** Presto
2003.1.28 - Opera 7.0
2013.2.13 - Opera -> chrommium
* TEST 3
把该文件保存为ppt.org。
然后将这个org文件输出为reveal.js:
C-c C-e R R
这样就会生成一个ppt.html的文件,在浏览器中打开这个文件吧!
为什么没用引用reveal.js文件就有演示的效果了?是因为有了这个:
#+REVEAL_ROOT: http://cdn.jsdelivr.net/reveal.js/2.5.0/
不用cdn就需要单独下载reveal.js了。https://github.com/hakimel/reveal.js/
下载后将reveal.js-master.zip解压,将解压后的文件夹重命名为reveal.js,然后在这个文件夹的上级目录里就可以写自己的org了(意即org文件与reveal.js目录为同级)。
如:
#+REVEAL_ROOT: file:///d:/presentation/reveal.js
注意 #+REVEAL_ROOT: 冒号后要空一格!
备注:如果出现不能写header的情况,卸载org重装。
--End--
org-reveal的更多相关文章
- iOS逆向工程之Reveal工具的安装、配置与使用
今天博客内容比较简单,不过还是蛮重要的.经常有小伙伴在QQ上私下问我,说博客中是如何使用Reveal查看AppStore中下载应用的UI层级的,那么就在今天这篇博客中作为一个主题来统一的介绍一下吧.虽 ...
- GooglePlay 首页效果----tab的揭示效果(Reveal Effect) (1)
GooglePlay 首页效果----tab的揭示效果(Reveal Effect) (1) 前言: 无意打开GooglePlay app来着,然后发现首页用了揭示效果,连起来用着感觉还不错. 不清楚 ...
- Material Design Reveal effect(揭示效果) 你可能见过但是叫不出名字的小效果
Material Design Reveal effect(揭示效果) 你可能见过但是叫不出名字的小效果 前言: 每次写之前都会来一段(废)话.{心塞...} Google Play首页两个tab背景 ...
- 逆向工程 - Reveal、IDA、Hopper、HTTPS抓包 等
目录: 一. iOS 如何做才安全 二.ipa文件 三.沙盒 中的数据 四.Reveal:查看 任何APP 的UI结构 五.反编译工具:IDA 六.反编译工具:Hopper Disassembler ...
- iOS分析UI利器——Reveal简单使用
一,简单使用 * 在xcode中打开你的项目(project); * 打开reveal 和选中 Help → Show Reveal Library in Finder * 把Reveal.frame ...
- iOS程序逆向Mac下常用工具——Reveal、HopperDisassemble、IDA
原文在此 一.Reveal 1 一般使用 Reveal是ITTY BITTY发布的UI分析工具,可以很直观的查看App的UI布局.如下图所示: Reveal是需要付费的,需要89美元, ...
- Reveal1.5破解,iOS_UI调试利器Reveal最新版本破解方法
Reveal1.0.7破解 1.官网下载最新版Reveal,拖动应用程序中,运行一次2.下载16进制编辑器"0xED" for mac(http://dl.vmall.com/c0 ...
- reveal
链接 界面调试工具Reveal Reveal使用教程 iOS分析UI利器——Reveal及简单破解方法 Reveal使用步骤和 破解Revealapp的试用时间限制 end
- Reveal - UI 分析工具
一.安装和简介 a) download url b) Reveal 使用的方法有两种: Static Library Intefration, Dynamic Library Intefration. ...
- Reveal for mac延长30天试用的简单方法
在iOS逆向过程中经常使用Reveal来远程查看iOS平台应用的UI布局,但Reveal有30天使用限制,经常隔一段时间想使用的时候发现已经过期了,如图: 此时在OS X中打开命令行终端,输入以下命令 ...
随机推荐
- 题目连接:http://acm.zznu.edu.cn/problem.php?id=1329
题目大意: 定理:把一个至少两位的正整数的个位数字去掉,再从余下的数中减去个位数的5倍.当且仅当差是17的倍数时,原数也是17的倍数 . 例如,34是17的倍数,因为3-20=-17是17的倍数:20 ...
- 帮你选处理器:CPU T9500-p9500-T9400-T9300-p8700对比分析!
许多人对处理器是P和T开头含混不清,不甚了解,也怪英特尔的处理器型号实在是太过复杂.这需要具体型号来看的.让我们先来看看英特尔的官方解释吧 T: Mobile Highly Performance-- ...
- 使用WITH AS 的ROW_NUMBER分页
WITH tempTable AS( --复杂查询语句) SELECT * FROM (select ROW_NUMBER() Over( order by xxx) as rowNum, ...
- 【Cocos2d-X开发学习笔记】第18期:动作类之改变动作对象、函数回调动作以及过程动作的使用
本系列学习教程使用的是cocos2d-x-2.1.4(最新版为3.0alpha0-pre) ,PC开发环境Windows7,C++开发环境VS2010 一.改变动作执行对象 CCTargetedAct ...
- POJ3974 Palindrome (manacher算法)
题目大意就是说在给定的字符串里找出一个长度最大的回文子串. 才开始接触到manacher,不过这个算法的确很强大,这里转载了一篇有关manacher算法的讲解,可以去看看:地址 神器: #includ ...
- css样式被覆盖解决方案
刚才写zenktodo的时候,通过动态添加class的方式修改一个div的样式,总是不起作用. #navigator { height: 100%; width: 200; position: abs ...
- C:内存分配、内存中五大区
1.内存的划分 (从高到低依次是: 栈区 . 堆区 .全局静态区 . 常量区 . 代码区 )栈区是系统自动回收,堆区是我们手动回收 2. 栈区 在函数内部定义的局部变量和数组.都存放在栈区, ...
- C:基本语句
基本语句知识 do{}while(); 与 while()do{}:for :while 语句的区别: while()do{}:先判断条件是否成立,条件满足则执行循环体 do{}while();是先执 ...
- Log设计
Log设计 http://biancheng.dnbcw.info/net/380312.html http://blog.csdn.net/anyqu/article/details/7937378 ...
- js 解决原型问题的方案 : 构造器和原型的组合
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...