Question

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

Answer 1

在GitHub上创建一个new存储库
我们称之为reveal_HelloWorld

在本地计算机上克隆：

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

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

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

将reveal.js文件夹的内容移至reveal_HelloWorld文件夹
修改index.html文件
创建并切换到新分支
```
git checkout -b 'gh-pages'
```
推
```
git push
```
从GitHub网站回购设置：
1. 将'gh-pages'分支设为默认
2. 删除'master'分支

你已经完成了。

幻灯片在yourusername.github.io/reveal_HelloWorld发布。

来源：How to deploy Reveal.js presentations on Github

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

信用：Angelo Basile

Answer 2

现在（2016年10月）您不再需要创建特定分支（gh-pages）。创建您的仓库然后选择'设置 - ＆gt;选项。有一个“GitHub页面”面板，您可以在其中设置要作为网页发布的任何分支。

Answer 3

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

以下是步骤：

在GitHub中创建一个干净的存储库（不使用README等），说presentations

初始化git repo并链接到GitHub，在Linux上

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

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

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

为您的演示文稿创建一个空分支并清理工作目录
```
git checkout --orphan my-fancy-presentation
git reset --hard
```

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

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

切换到母版并在那里合并您的演示文稿

git checkout master
git merge my-fancy-presentation

将所有分支推送到GitHub
```
git push --all origin
```
设置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。

如何举办reveal.js演示文稿

3 个答案: