reveal all example

Hello, Reveal

Hello, Reveal! this example mostly from reveal github

Hello, Again

Hello, Again!

Emacs setting with remote reveal

1
2
3
4
5
6
(with-eval-after-load 'org
  ;; support org-re-reveal for presentaion
  (require-package 'org-re-reveal)
  (require 'org-re-reveal)
  (setq org-re-reveal-root "https://cdn.bootcdn.net/ajax/libs/reveal.js/3.9.2/"
        org-re-reveal-revealjs-version "3.8")

HLEVEL

1
  #+REVEAL_HLEVEL: 2

HEVEL表示展示的层级,默认是1,表示每个章节先开始,然后是下面的章节,如果是2, 则表示到第二个层级才开始向右,说白了就是把几级标题当成一个重新开始

Split

i am now

i am liuliancao

i am now

i am liuliancao

Split的意思就是一个幻灯片太长了,这个适合可以分成两个篇幅

Theme

revealjs官网主题介绍

Name Effect
black Black background, white text, blue links (default)
white White background, black text, blue links
league Gray background, white text, blue links
beige Beige background, dark text, brown links
sky Blue background, thin dark text, blue links
night Black background, thick white text, orange links
serif Cappuccino background, gray text, brown links
simple White background, black text, blue links
solarized Cream-colored background, dark green text, blue links
blood Dark background, thick white text, red links
moon Dark blue background, thick grey text, blue links

设置主题可以通过#+REVEAL_THEME: sky设置

Hello,大家好!

Slide

#+REVEAL_TITLE_SLIDE:%t 自定义title标题

Background

Colorful background

background with a image

background with repeat image

iframe background

Header & Footer

Fragment

段,比如一列一列 支持的动作

actions

  • I will grow.
  • I will shrink.
  • I rolled in.
  • I will fade out.
  • I will appear.
  • I don't fragment

highlight

  • I will appear.
  • I will appear.
  • I will appear.
  • I will highlight.
  • I will highlight.
  • I will highlight.

Auto-Animate

Heading 1

1
  let index = 1

Heading 2

1
2
  let index = 1
  let value = 2

Ending

Q&A Thank you