hexo-theme-melody v1.5 supports slides & iframe

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!