Merge pull request #480 from gonsie/custom-theme

Custom theme
This commit is contained in:
Yujie Wen 2022-11-27 10:41:36 +08:00 committed by GitHub
commit 0dc6d4f1dd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 21 additions and 15 deletions

View File

@ -279,15 +279,18 @@
Theme is set globally throughout the whole file by setting option Theme is set globally throughout the whole file by setting option
=REVEAL_THEME=. =REVEAL_THEME=.
Available themes can be found in "css/theme/" in the reveal.js directory.
Custom themes can be implemented by setting =REVEAL_THEME= to =custom= and
then setting =REVEAL_THEME_CUSTOM= to the path for a theme CSS file.
Slide transition style is set by initialization option ~transition~ Slide transition style is set by initialization option ~transition~
and the transition speed is set by ~transitionSpeed~ . Please refer to and the transition speed is set by ~transitionSpeed~ . Please refer to
section [[Initialization options]] for details. section [[Initialization options]] for details.
For an example, please check the heading part of this document.
Available themes can be found in "css/theme/" in the reveal.js directory.
Available transitions are: default|cube|page|concave|zoom|linear|fade|none. Available transitions are: default|cube|page|concave|zoom|linear|fade|none.
For an example of these settings, please check the heading part of this document.
** Set The Title Slide ** Set The Title Slide
By default, Org-reveal generates a title slide displaying the By default, Org-reveal generates a title slide displaying the
title, the author, the Email, the date and the time-stamp of the title, the author, the Email, the date and the time-stamp of the
@ -304,11 +307,11 @@ Available transitions are: default|cube|page|concave|zoom|linear|fade|none.
There are 3 ways to customize the title slide. There are 3 ways to customize the title slide.
1. Set variable ~org-reveal-title-slide~ to a string of HTML markups. 1. Set variable ~org-reveal-title-slide~ to a string of HTML markups.
2. Set ~reveal_title_slide~ in the ~#+OPTIONS:~ line to a string of HTML markups. 2. Set ~reveal_title_slide~ in the ~#+OPTIONS:~ line to a string of HTML markups.
3. Use one or more option lines ~#+REVEAL_TITLE_SLIDE:~ to specify 3. Use one or more option lines ~#+REVEAL_TITLE_SLIDE:~ to specify
the HTML of the title slide. the HTML of the title slide.
The following escaping characters can be used to retrieve document The following escaping characters can be used to retrieve document
information: information:
| ~%t~ | Title | | ~%t~ | Title |
@ -454,7 +457,7 @@ Available transitions are: default|cube|page|concave|zoom|linear|fade|none.
ratio. ratio.
** Slide Numbering ** Slide Numbering
To enable slide numbers, please add the following Reveal.js initial option. To enable slide numbers, please add the following Reveal.js initial option.
#+BEGIN_SRC org #+BEGIN_SRC org
,#+REVEAL_INIT_OPTIONS: slideNumber:true ,#+REVEAL_INIT_OPTIONS: slideNumber:true
@ -615,7 +618,7 @@ be replaced by Reveal.js root path.
To Use your Emacs theme, please make sure ~htmlize.el~ is To Use your Emacs theme, please make sure ~htmlize.el~ is
installed. Then no more setup is necessary. installed. Then no more setup is necessary.
Below is an example of highlighted lisp code from org-reveal. Below is an example of highlighted lisp code from org-reveal.
#+BEGIN_SRC lisp #+BEGIN_SRC lisp
(defun org-reveal--read-file (file) (defun org-reveal--read-file (file)
"Return the content of file" "Return the content of file"
@ -685,14 +688,14 @@ int main()
,#+end_src ,#+end_src
#+end_src #+end_src
** Editable Source Code ** Editable Source Code
It is now possible to embed code blocks in a codemirror instance in order to edit code during a presentation. At present, this capacity is turned on or off at time export using these defcustoms: It is now possible to embed code blocks in a codemirror instance in order to edit code during a presentation. At present, this capacity is turned on or off at time export using these defcustoms:
- ~org-reveal-klipsify-src~ - ~org-reveal-klipsify-src~
- ~org-reveal-klipse-css~ - ~org-reveal-klipse-css~
- ~org-reveal-klipse-js~ - ~org-reveal-klipse-js~
This feature is turned off by default and needs to be switched on with ~org-reveal-klipsify-src~. At present code editing is supported in javascript, clojure, php, ruby, scheme, and python only. This feature is turned off by default and needs to be switched on with ~org-reveal-klipsify-src~. At present code editing is supported in javascript, clojure, php, ruby, scheme, and python only.
** MathJax ** MathJax
:PROPERTIES: :PROPERTIES:
@ -947,7 +950,7 @@ To disable the automatic TOC, add =toc:nil= to =#+OPTIONS=
the closing ~</script>~ tag. the closing ~</script>~ tag.
** Executable Source Blocks ** Executable Source Blocks
To allow live execution of code in some languages, enable the klipse plugin by setting ~org-reveal-klipsify-src~ to non-nil. Src blocks with the languages ~js~, ~clojure~, ~html~, ~python~, ~ruby~, ~scheme~, ~php~ will be executed with output shown in a console-like environment. See the source code of ~org-reveal-src-block~ for more details. To allow live execution of code in some languages, enable the klipse plugin by setting ~org-reveal-klipsify-src~ to non-nil. Src blocks with the languages ~js~, ~clojure~, ~html~, ~python~, ~ruby~, ~scheme~, ~php~ will be executed with output shown in a console-like environment. See the source code of ~org-reveal-src-block~ for more details.
*** HTML Src Block *** HTML Src Block
#+BEGIN_SRC html #+BEGIN_SRC html

View File

@ -60,6 +60,7 @@
(:reveal-trans "REVEAL_TRANS" nil nil t) (:reveal-trans "REVEAL_TRANS" nil nil t)
(:reveal-speed "REVEAL_SPEED" nil nil t) (:reveal-speed "REVEAL_SPEED" nil nil t)
(:reveal-theme "REVEAL_THEME" nil org-reveal-theme t) (:reveal-theme "REVEAL_THEME" nil org-reveal-theme t)
(:reveal-theme-custom "REVEAL_THEME_CUSTOM" nil nil nil)
(:reveal-extra-css "REVEAL_EXTRA_CSS" nil org-reveal-extra-css newline) (:reveal-extra-css "REVEAL_EXTRA_CSS" nil org-reveal-extra-css newline)
(:reveal-extra-js "REVEAL_EXTRA_JS" nil org-reveal-extra-js nil) (:reveal-extra-js "REVEAL_EXTRA_JS" nil org-reveal-extra-js nil)
(:reveal-extra-initial-js "REVEAL_EXTRA_INITIAL_JS" nil org-reveal-extra-initial-js newline) (:reveal-extra-initial-js "REVEAL_EXTRA_INITIAL_JS" nil org-reveal-extra-initial-js newline)
@ -650,10 +651,12 @@ using custom variable `org-reveal-root'."
(version (org-reveal--get-reveal-js-version info)) (version (org-reveal--get-reveal-js-version info))
(reveal-css (org-reveal--choose-path root-path version "dist/reveal.css" "css/reveal.css")) (reveal-css (org-reveal--choose-path root-path version "dist/reveal.css" "css/reveal.css"))
(theme (plist-get info :reveal-theme)) (theme (plist-get info :reveal-theme))
(theme-css (org-reveal--choose-path root-path (theme-css (if (string-equal "custom" (downcase theme))
version (plist-get info :reveal-theme-custom)
(concat "dist/theme/" theme ".css") (org-reveal--choose-path root-path
(concat "css/theme/" theme ".css"))) version
(concat "dist/theme/" theme ".css")
(concat "css/theme/" theme ".css"))))
(extra-css (plist-get info :reveal-extra-css)) (extra-css (plist-get info :reveal-extra-css))
(in-single-file (plist-get info :reveal-single-file))) (in-single-file (plist-get info :reveal-single-file)))
(concat (concat