hexo-theme-melody v1.5

Supports iframe & slides. You can use a layout called slides to enabled the slides layout.

Also you can add a iframe front-matter with the slides layout in your md file to enable the iframe page.

===

Steps

1. Add a slides page

1
2
hexo new page slides
cd ./source/slides

===

2. Add the layout type

1
vim index.md

Add a type called slides

1
2
3
title: slides
date: 2018-03-06 20:24:48
type: slides

===

3. Modified the melody.yml

Add slides default config:

1
2
3
4
5
6
7
8
9
10
11
12
slide:
separator: whatever you like
separator_vertical: whatever you like
charset: utf-8
theme: black
mouseWheel: false
transition: slide
transitionSpeed: default
parallaxBackgroundImage: ''
parallaxBackgroundSize: ''
parallaxBackgroundHorizontal: null
parallaxBackgroundVertical: null

See reveal.js config

===

4. Write a md file with slides layout

In _posts folder, add a md file.

For example:

1
2
3
4
5
6
title: hexo-theme-melody v1.5 supports iframe & slides
date: 2018-03-06 19:57:52
layout: slides
---

// balalala...

Then you will get a post of slides type.

===

Slides layout with iframe

If you want to add a website whatever you like within an iframe, try this:

In _posts folder, add a md file.

1
2
3
4
5
title: hexo-theme-melody v1.5 supports iframe & slides
date: 2018-03-06 19:57:52
layout: slides
iframe: https://the-url-whatever-you-like
---

Then you will get a post of iframe.

===

Configurate single slides in md

The slides config in meldoy.yml can change whole slides page.

But if you set the config in the md file, it will effect the single page.

==

For example:

1
2
3
4
5
6
7
8
9
title: hexo-theme-melody v1.5 supports iframe & slides
date: 2018-03-06 19:57:52
layout: slides
slide:
theme: white
transition: zoom
---

// balalala...

===

Enjoy!