Skip to content

Configuration

Jump to bottom Edit New page
Ole Petter Bang edited this page May 7, 2014 · 51 revisions

The following configuration options are currently available:

General

var slideshow = remark.create({
  // Set the slideshow display ratio
  // Default: '4:3'
  // Alternatives: '16:9', ...
  ratio: '4:3',

  // Navigation options
  navigation: {
    // Enable or disable navigating using scroll
    // Default: true
    // Alternatives: false
    scroll: true,

    // Enable or disable navigation using touch
    // Default: true
    // Alternatives: false
    touch: true
  }
});

Highlighting

Highlighting is done using Highlight.js. Check out the demo/test page for the available styles and languages.

Please note that only the styles and languages listed below are embedded in the standard remark build.

  • highlightLanguage
    • Set default language for syntax highlighting
    • Default: - (no highlighting)
    • Alternatives: javascript, ruby, python, bash, java, php, perl, cpp, objectivec, cs, sql, xml, css, scala, coffeescript, lisp, clojure, http.
    • To disable automatic highlighting, use no-highlight

  • highlightStyle
    • Set highlight style for syntax highlighting
    • Default: default
    • Alternatives: arta, ascetic, dark, default, far, github, googlecode, idea, ir_black, magula, monokai, rainbow, solarized_dark, solarized_light, sunburst, tomorrow, tomorrow-night-blue, tomorrow-night-bright, tomorrow-night, tomorrow-night-eighties, vs, zenburn.
<title>Title</title> <style> @import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz); @import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic); @import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic); 
  body { font-family: 'Droid Serif'; }
  h1, h2, h3 {
    font-family: 'Yanone Kaffeesatz';
    font-weight: normal;
  }
  .remark-code, .remark-inline-code { font-family: 'Ubuntu Mono'; }
</style>
<textarea id="source">

Code:

def add(a,b)
  a + b
end
</textarea>
<script src="https://remarkjs.com/downloads/remark-latest.min.js">
</script>
<script>
  var slideshow = remark.create();
</script>
Clone this wiki locally