如何举办reveal.js演示文稿

Question

我是所有这些Web开发的新手(我只知道在本地做事).我使用reveal.js进行了演示,我希望能够在线看到它(例如我的手机上).我知道我应该主持它,但我真的不知道该怎么做.我尝试使用幻灯片(reveal.js的在线编辑器)来做,但我不能添加脚本和这种东西(我在演示文稿中使用高级图表).如果你能给我一些建议,程序会很好.

Answer 1

1. 在GitHub上创建一个新的存储库

2. 我们称之为reveal_HelloWorld

3. 在本地计算机上克隆它:

   git clone git@github.com:yourusername/reveal_HelloWorld.git
   

4. 在本地计算机上克隆reveal.js:

   git clone git@github.com:hakimel/reveal.js.git
   

5. 在reveal_HelloWorld文件夹中移动reveal.js的内容

6. 修改index.html文件

7. 创建并切换到新分支

   git checkout -b 'gh-pages'
   

8. 推

   git push
   

9. 来自GitHub网站的repo设置:

   1. 将'gh-pages'分支设置为默认值
   2. 删除"主"分支

你完成了.

幻灯片发布于reveal_HelloWorld.

来源:如何在Github上部署Reveal.js演示文稿

截屏视频:https://vimeo.com/241196662

图片来源:Angelo Basile

Answer 2

如今(2016年10月),您不再需要创建特定分支(gh-pages).创建您的仓库,然后选择"设置 - >选项".有一个"GitHub页面"面板,您可以在其中设置要作为网页发布的任何分支.

Answer 3

作为一次性解决方案，Bruno的回答非常好。但是，如果用户想在GitHub Pages上托管多个演示文稿，则他们每次都需要重复该过程。另一种方法是将一个GitHub存储库用于多个演示。

步骤如下：

1. 在GitHub中创建一个干净的存储库（没有README等），例如 presentations

2. 在Linux中初始化git repo并链接到GitHub

   mkdir presentations
   cd presentations
   git init
   git remote add origin git@github.com:username/presentations.git
   

3. 添加reveal.js为“远程”并拉出存储库

   git remote add upstream git@github.com:hakimel/reveal.js.git
   git pull upstream master
   

4. 为您的演示文稿创建一个空分支并清理工作目录

   git checkout --orphan my-fancy-presentation
   git reset --hard
   

5. 将演示文稿复制到当前文件夹并提交更改

   cp path/to/my_fancy_presentation.html .
   git add .
   git commit -m 'Initial commit'
   

6. 切换到此处并合并您的演示文稿

   git checkout master
   git merge my-fancy-presentation
   

7. 将所有分支推送到GitHub

   git push --all origin
   

8. 设置GitHub Pages进行分支master并在以下位置欣赏您的演示https://username.github.io/presentations/my_fancy_presentation.html

现在，每当您要添加其他演示文稿时，只需重复步骤4-7。此外，只要您想更新reveal.js，就可以轻松进行git pull upstream master。

作为此方法的示例，请参见https://github.com/dougmvieira/presentations。