reveal-ckの導入とGitHubスライドページの作成

Rubyのインストール(MacOS X)

Note

reveal-ckのインストールはgem installを使った方法が簡易だが、Mac High Sierraでは、システムにデフォルトでインストールされているRubyを使用して管理者権限が必要など煩雑になるので、rbenvをインストールし、ユーザーローカル環境にRubyをインストールする。

  1. homebrewでrbenvをインストール
1
> brew install rbenv ruby-build
  1. ターミナルを開いたときに、rbenv initコマンドを実行するよう、~/.bash_profileに以下のコマンドを追記する。
1
2
3
4
5
# rbenv PATH

if which rbenv > /dev/null; then eval "$(rbenv init -)"; fi
export PATH="$HOME/.rbenv/bin:$PATH"
eval "$(rbenv init -)"
  1. 設定を読み込み、rbenvのバージョンやインストールされているRubyのバージョンを確認する。
1
2
3
4
> source ~/.bash_profile
> rbenv -v
> rbenv versions
  * system (set by /Users/XXXXXX/.rbenv/version)
  1. 最新版のRubyのバージョンを確認し、インストール、使用するRubyを変更する。
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
> rbenv install -l
  ...
  2.6.0
  2.6.1
  2.6.2
  2.6.3
  ...

> rbenv install 2.6.1
> rbenv global 2.6.1
> rbenv versions
  system
* 2.6.1 (set by /Users/XXXXXX/.rbenv/version)

reveal-ckをインストール

1
2
3
> gem install reveal-ck
> reveal-ck -v
  reveal-ck version 3.9.2

GitHub Pageの作成

  1. Github上でレポジトリを作成した後、masterブランチを作成、docsフォルダを作成する。

    git clone https://github.com/debugroom/sample-githubpages-slide
cd sample-githubpages-slide
git branch master
mkdir docs

  2. 配下にslides.mdを作成し、コミットし、githubへプッシュ

    cd docs
touch slides.md
reveal-ck generate
cd ../
git add -A .
git commit -m "Add slides.md."
git push origin master

  3. GitHubのレポジトリ上のSettingsからGitHub PagesでSourceをmaster branch/docs フォルダに設定してパブリッシュされたURLにslidesを加えてアクセス

../../../_images/github-project-settings.png