HTMLコーディングを効率化できる静的WebサイトビルダーのJekyllをインストールする方法をまとめました。
ここではMacでHomebrewを使ったインストール方法を紹介します。
1:Homebrewのインストール
もしHomebrewがまだインストールされていない場合は、以下のコマンドをターミナルに貼り付けて実行します。ターミナルは、Finderの「アプリケーション」フォルダ内の「ユーティリティ」フォルダにあります。
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
このコマンドを実行すると、Homebrewのインストールが開始されます。途中でパスワードの入力を求められる場合があります。
2:Rubyのインストール
JekyllはRubyで動作するため、Rubyをインストールする必要があります。Homebrewを使って簡単にインストールできます。ターミナルで以下のコマンドを実行します。
brew install ruby
3:Rubyのパスを通す
rubyコマンドを使えるようにするため、Rubyのパスを環境変数に設定します。ターミナルで以下のコマンドを実行します。
echo 'export PATH="/opt/homebrew/opt/ruby/bin:$PATH"' >> ~/.zshrc
source ~/.zshrc
もし.zshrcファイルが存在しない場合は、代わりに.bash_profileまたは.bashrcを使用してください。いずれかのファイルに上記のコマンドを追記し、sourceコマンドでファイルを読み込み直してください。
4:Bundlerのインストール
BundlerはRubyの依存関係を管理するツールのこと。Jekyllのインストールと管理に必要なので、以下のコマンドでインストールしておきます。
gem install bundler
5:Jekyllのインストール
次にJekyllをインストールします。ターミナルで以下のコマンドを実行します。
gem install jekyll bundler
6:Jekyllのバージョン確認
インストールができたか確認するために、以下のコマンドを実行します。
jekyll -v
7:サイトを作って動作確認
Jekyllのインストール後、簡単なサイトを立ち上げて動作確認することができます。ターミナルで以下のコマンドを実行しプロジェクトフォルダを作ります。
mkdir jekyll-project
cd jekyll-project
次に新しいサイトを作成します。プロジェクト名をmy-jekyll-siteとすると、以下のコマンドを実行します。
jekyll new my-jekyll-site
cd my-jekyll-site
以下のコマンドを実行してJekyllサーバーを起動します。
bundle exec jekyll serve
実行してしばらくするとServer address: http://127.0.0.1:4000/のようなテキストが表示されます。これがサーバーのURLです。ブラウザでhttp://127.0.0.1:4000/にアクセスしてトップページが表示されれば完了です。
この状態でHTMLファイルを編集して保存した後、ブラウザを更新すると変更が適用されているはずです。
サーバーを停止するときはターミナルでCtrl + Cキーを押します。