Installation & build
npm install harmonide harmonide build your-slide.md
Watch the changes
harmonide watch your-slide.md
backgroundColor: #000 ----- ----- # Slide1 title - content1 - content2 ----- backgroundImage: test.jpg ----- # Slide2 title \`\`\`js var test = 'test'; console.log(test); \`\`\`
Defining the slides
You can put two lines of
----- in front of the slide you are going to define. For example if you want to define two slides, the markdown will be as follows.
----- ----- # Slide1 ----- ----- # Slide2
- Global options
The options set at the beginning of the file will be global options.
backgroundColor: white ----- ----- # Slide1
- Slide options
The options set in between two lines of
----- will be options for the slide.
----- backgroundColor: white align: middle ----- # Slide1
Title for the slide HTML. Only available in global option.
Name of layout file in
layouts directory. The file name will be
layouts/layout.html.erb. Only available in global option.
Background color of the slide. Any type of color string that can be used in css can be specified.
Background image of the slide. If just a file name is specified, that will find the file in
build/assets. URL can also be specified.
Align in the slide. Can be
Text color in the slide. Any type of color string that can be used in css can be specified.
Spefies the type of the slide. Can be
Install Grunt and modules
npm install -g grunt-cli npm install
drafts directory and put markdown files
mkdir drafts vi drafts/sample.md
Generate html from markedown
You can also watch the changes and parse them dynamically
It will generate html files in the
build directory from all markedown files in the
In this case, you will get
Now you can upload
buid directory to your webserver!