How to Deploy Slides on Github Pages

Use reveal.js to make magic happen

Posted by LiuShuo on June 15, 2018

It’s cool to have your keynote display in your blog, Github Pages has the ability to make this happen integrated with reveal.js. Follow steps bellow and you can enjoy your slides on your blog too, just like me.

Build from Scratch

1
2
3
4
5
6
7
8
$ git clone https://github.com/hakimel/reveal.js.git
$ cd reveal.js
$ rm -rf .git
$ git init
$ git remote add origin [email protected]:yourname/repo-name.git
$ git add .
$ git commit -m "Initial commit"
$ git push -u origin master

Creating Branch

1
2
$ git branch gh-pages
$ git push origin gh-pages

All the updated files must be merged from master to gh-pages(the name can not be changed)

The url is built from the following pattern:
[github_username].github.io/[repo_name]

Reference

  • https://www.tikalk.com/posts/2013/11/05/deploy-reveal-js-slideshow-on-github-pages/
  • https://www.chenhuijing.com/blog/revealjs-and-github-pages/
  • https://www.youtube.com/watch?v=DUXD2q0meSw&feature=youtu.be

本文首次发布于 LiuShuo’s Blog, 转载请保留原文链接.