环境:

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的更多相关文章

  1. iOS逆向工程之Reveal工具的安装、配置与使用

    今天博客内容比较简单,不过还是蛮重要的.经常有小伙伴在QQ上私下问我,说博客中是如何使用Reveal查看AppStore中下载应用的UI层级的,那么就在今天这篇博客中作为一个主题来统一的介绍一下吧.虽 ...

  2. GooglePlay 首页效果----tab的揭示效果(Reveal Effect) (1)

    GooglePlay 首页效果----tab的揭示效果(Reveal Effect) (1) 前言: 无意打开GooglePlay app来着,然后发现首页用了揭示效果,连起来用着感觉还不错. 不清楚 ...

  3. Material Design Reveal effect(揭示效果) 你可能见过但是叫不出名字的小效果

    Material Design Reveal effect(揭示效果) 你可能见过但是叫不出名字的小效果 前言: 每次写之前都会来一段(废)话.{心塞...} Google Play首页两个tab背景 ...

  4. 逆向工程 - Reveal、IDA、Hopper、HTTPS抓包 等

    目录: 一. iOS 如何做才安全 二.ipa文件 三.沙盒 中的数据 四.Reveal:查看 任何APP 的UI结构 五.反编译工具:IDA 六.反编译工具:Hopper Disassembler ...

  5. iOS分析UI利器——Reveal简单使用

    一,简单使用 * 在xcode中打开你的项目(project); * 打开reveal 和选中 Help → Show Reveal Library in Finder * 把Reveal.frame ...

  6. iOS程序逆向Mac下常用工具——Reveal、HopperDisassemble、IDA

    原文在此 一.Reveal 1 一般使用     Reveal是ITTY BITTY发布的UI分析工具,可以很直观的查看App的UI布局.如下图所示:     Reveal是需要付费的,需要89美元, ...

  7. Reveal1.5破解,iOS_UI调试利器Reveal最新版本破解方法

    Reveal1.0.7破解 1.官网下载最新版Reveal,拖动应用程序中,运行一次2.下载16进制编辑器"0xED" for mac(http://dl.vmall.com/c0 ...

  8. reveal

    链接 界面调试工具Reveal Reveal使用教程 iOS分析UI利器——Reveal及简单破解方法 Reveal使用步骤和 破解Revealapp的试用时间限制 end

  9. Reveal - UI 分析工具

    一.安装和简介 a) download url b) Reveal 使用的方法有两种: Static Library Intefration, Dynamic Library Intefration. ...

  10. Reveal for mac延长30天试用的简单方法

    在iOS逆向过程中经常使用Reveal来远程查看iOS平台应用的UI布局,但Reveal有30天使用限制,经常隔一段时间想使用的时候发现已经过期了,如图: 此时在OS X中打开命令行终端,输入以下命令 ...

随机推荐

  1. 关于“未使用GUID分区表”无法安装的解决方案

    原帖链接:http://itc.do-johodai.ac.jp/~s0823612/ 原版的Mac不能安装在mbr分区.必须得用GUID分区,其实装在mbr也可以,需要修改两个文件一个是OSInst ...

  2. JQ避免出现多次执行一个事件的解决方案

    点击按钮之后会多次执行一个事件的话,就在方法结尾加入如下代码,这样的话事件就可以只执行一次了 //避免出现多次执行事件的问题 event.stopPropagation(); 此外,时间的重复绑定也有 ...

  3. Flipping Parentheses(CSU1542 线段树)

    http://acm.csu.edu.cn/OnlineJudge/problem.php?id=1542 赛后发现这套题是2014东京区域赛的题目,看了排名才发现自己有多low  = =! 题目大意 ...

  4. HDU1712简单的分组背包

    HDU1712http://acm.hdu.edu.cn/showproblem.php?pid=1712 简单的分组背包 #include <map> #include <set& ...

  5. (图解版)SQL Server数据库备份与还原

        本文介绍了SQL Server数据库备份的两种方式.一种是直接拷贝数据库中的文件mdf 和日志文件ldf,另一种是生成脚本语言. 第一种方式:     选中需要备份的数据库,将数据库从运行的数 ...

  6. 《高性能MySQL》

    <高性能MySQL>(第3版)讲解MySQL如何工作,为什么如此工作? MySQL系统架构.设计应用技巧.SQL语句优化.服务器性能调优.系统配置管理和安全设置.监控分析,以及复制.扩展和 ...

  7. position:sticky用法

    用户的屏幕越来越大,而页面太宽的话会不宜阅读,所以绝大部分网站的主体宽度和之前相比没有太大的变化,于是浏览器中就有越来越多的空白区域,所以你可能注意到很多网站开始在滚动的时候让一部分内容保持可见,比如 ...

  8. mac下xampp简单虚拟主机配置

    多域名,虚拟主机的配置 开启虚拟主机配置选项: 打开httpd.conf文件,找到httpd-vhosts.conf那一行,解除该行注释: 打开httpd-vhosts.conf文件 修改如下 < ...

  9. 【转】Android 属性动画(Property Animation) 完全解析 (上)

    http://blog.csdn.net/lmj623565791/article/details/38067475 1.概述 Android提供了几种动画类型:View Animation .Dra ...

  10. Xcode 6 模拟器路径

    原文地址:http://leancodingnow.com/xcode-6-simulator-folder/ 本文主要介绍一下Xcode 6的iOS模拟器的应用目录的变化. Xcode 5的iOS模 ...