jekyllインストール

2023-10-16 hit count image

jekyllブログを始めるため、Mac/Widowsへjekyllをインストールして基本プロジェクトを生成しましょう。

インストール

jekyllはMac, Windows, Ubuntuへインストールが出来ます。私たちは主にMacとWindowsを使うので、ここにはMacとWindowsへインストールする方法を紹介します。

MacとwindowsはRubyをインストールする方法が違うだけで、他の部分は同じです。詳しく内容はjekyllホームページで確認してください。

バージョン

現在ブログを作成する時点で使ってるバージョンは下記の通りです。

  • Ruby: ruby 2.5.1p57
  • jekyll: jekyll 3.7.3

Rubyインストール

jekyllは一つのRuby Gemなので、Rubyをインストールしなきゃならないです

MacへRubyをインストール

brew install ruby

WindowsへRubyをインストール

  • Ruby installerを使いましょう.
  • ダウンロードサイト: RubyInstaller for Windows
  • Ruby + Devkitのバージョンが2.4以上の物をダウンロードしてインストールしましょう。

Rubyインストール確認

ruby -v

jekyll Ruby Gemインストール

Rubyをインストールしたら、Rubyを使ってjekyll Gemをインストールしてください。

jekyll Ruby Gemインストール

gem install bundler jekyll

jekyll Ruby Gemインストール確認

jekyll -v

jekyll Gemを使って基本プロジェクトを生成

プロジェクト生成

jekyll new [プロジェクト名]のコマンドを使ってjekyllプロジェクト生成

jekyll new dev-yakuza.github.io

プロジェクトフォルダ確認

// cd dev-yakuza.github.io

|-- _posts
|   |-- 2018-09-08-welcome-to-jekyll.markdown
|-- .gitignore
|-- 404.html
|-- about.md
|-- index.md
|-- Gemfile
|-- Gemfile.lock

jekyllスタート

bundle exec jekyll serve

ブラウザでhttp://127.0.0.1:4000を開いて確認する。

エラー対応

新しマック(Mac)へ既存のjekyllブログの環境を設定するためjekyllをインストールしてgem installで必要なファイルをインストールする時エラーが発生しました。使ってるプラグインの中でJavaが必要なプラグインがあるみたいです。Javaをインストールしたら大丈夫になりました。もしプラグインをインストールする中、エラーが発生する方はJavaがインストールされたか確認してみてください。

参考サイト

私のブログが役に立ちましたか?下にコメントを残してください。それは私にとって大きな大きな力になります!

アプリ広報

今見てるブログを作成たDekuが開発したアプリを使ってみてください。
Dekuが開発したアプリはFlutterで開発されています。

興味がある方はアプリをダウンロードしてアプリを使ってくれると本当に助かります。

Posts