Code Monkey home page Code Monkey logo

hugo-theme-revealjs's Introduction

Hugo Theme RevealJS

CircleCI

Use Hugo to create slideshow presentations, powered by reveal.js.

Screenshot

Visit the nelify site for an example and usage instructions.

Configuration

  • params.reveal_theme: css theme name for revealjs (default: night)
  • params.hljs_theme: css theme name for highlight.js (default: monokai_sublime)
  • params.revealjs: configuration options passed directly to Reveal.initialise. (default)

Optimisation

RevealJS is a single-page application, meaning the only required file is index.html. As all static assets are loaded from cdnjs, there's very little that needs to be rendered.

By default, no dedicate pages / sections are rendered. To reduce the output to only the required files, add this to your sites config:

disableKinds:
    - "sitemap"

outputs:
    home:
        - "html"

hugo-theme-revealjs's People

Contributors

realorangeone avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

hugo-theme-revealjs's Issues

Converting from Rpres

Hi,
I just found your theme demo on hugo templates and tried to give it a go with my RMarkdown presentations.
Is there a straightforward way to convert rpres files into this template?
A typical presentation I used to build was structured according to RStudio defaults:

Title
========================================================
author: 
date: 
autosize: true

First Slide
========================================================

For more details on authoring R presentations please visit <https://support.rstudio.com/hc/en-us/articles/200486468>.

- Bullet 1
- Bullet 2
- Bullet 3

Slide With Code
========================================================
{r}
summary(cars)

Your template, from what I managed to understand requires separate .md files for each slide - is this the only way to go?

Question: How to activate the example page?

Hi
Thanks a lot for the super cool theme. I really like it.
Sorry that I am a bit (too) new to Hugo.

May I ask how I can activate the example page?

What I did until now was:

  • hugo new site discover
  • gitclone the theme to discover/themes
  • Add this to the original config.toml
# Page settings
baseurl = "localhost:1313"
title = "Test Discover"
languageCode = "en-us"
theme = "hugo-theme-revealjs"
  • hugo server -D

Browsing to localhost:1313 gives me a black page that shows "Test Discover" (same as title).
But I do not get to see the example site same as in your demo?

How can I now activate the exampleSite? How can I make use of the config.yml file inside the exampleSite folder?

Maybe 2 more lines in the explanation would be helpful also for other?

Where exactly should I add this?

I found it in the config.yml...

disableKinds:
    - "sitemap"

outputs:
    home:
        - "html"

I appreciate any help, but can understand if you just delete this "issue" since it's a free template and it's not your job to look after people like me.

KR, Chris

How to host multiple slide decks?

Based on the examplesite it looks like all files in content contribute to a single slide deck. Would one create a new hugo site per slide deck under your current thinking?

Question: How to add pictures to slides in Hugo

Hi

(First of all sorry that I left this other issue open so long. I actually forgot about it. Sorry again).

My question is it is possible to add pictures to the presentations?
I did not find a way how to do that.

I tried generally to add it to the md file (same as on other Hugo sites:

---
title: Reaveal website
image: "profile.png"
weight: 100
---
  #### Subtitle

I tried to place the related picture directly in the same folder as the .md file and in static.
But it did not show on the website.

I tried to add fragments but wasn't successful

{{% background-image="profile.png" %}}

I hope it's a simple one to answer.

Thanks a lot in advance for your help,

Chris

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.