ウェブサイト作成 · 1 min read · Oct 19, 2025
Ubuntu 22.04にJekyll静的ウェブサイトジェネレーターをインストールする方法
Jekyllは、Rubyで書かれた無料でオープンソースの静的ファイルジェネレーターです。これは、数分でウェブサイトを作成するために使用されるシンプルで使いやすいコンテンツ管理システムです。お気に入りのマークアップ言語で書かれたテキストを取り込み、レイアウトを使用して静的ウェブサイトを作成します。Jekyllの組み込み機能を使用して、サイトの外観や感触、URL、ページに表示されるデータなどを調整できます。パーマリンク、カテゴリ、ページ、投稿、カスタムレイアウトなど、多くの機能を提供しています。
このチュートリアルでは、Ubuntu 22.04にJekyll CMSをインストールする方法を示します。
前提条件
- Ubuntu 22.04を実行しているサーバー。
- サーバーに設定されたルートパスワード。
始めに
開始する前に、システムを最新の安定版に更新することをお勧めします。次のコマンドで更新できます：
apt update -y
apt upgrade -yシステムが最新の状態になったら、次のコマンドを実行して他の必要な依存関係をインストールします：
apt install make build-essential curl git tree -yすべての依存関係がインストールされたら、次のステップに進むことができます。
Rubyのインストール
JekyllはRubyで書かれているため、システムにインストールする必要があります。デフォルトでは、RubyパッケージはUbuntuのデフォルトリポジトリに含まれています。
次のコマンドを実行してRubyをインストールします：
apt install ruby ruby-dev -yインストールが完了したら、Rubyのgemパッケージマネージャーに、gemをユーザーのホームフォルダーに配置するように指示する必要があります。
次のように~/.bashrcファイルを編集することで行えます：
nano ~/.bashrcファイルの最後に次の行を追加します：
export GEM_HOME=$HOME/gems
export PATH=$HOME/gems/bin:$PATH
ファイルを保存して閉じたら、次のコマンドで環境変数を有効にします：
source ~/.bashrc次に、以下のようにgemコマンドを使用してJekyllとbundlerをインストールできます：
gem install jekyll bundlerインストールが完了したら、次のステップに進むことができます。
Jekyllで新しいウェブサイトを作成する
この時点で、Jekyllはシステムにインストールされています。次のコマンドを実行して、jekyll.example.comという名前の新しいウェブサイトを作成します：
jekyll new jekyll.example.comウェブサイトが作成されると、次の出力が得られるはずです：
Bundler: Using jekyll 4.2.2
Bundler: Fetching jekyll-seo-tag 2.8.0
Bundler: Fetching jekyll-feed 0.16.0
Bundler: Installing jekyll-feed 0.16.0
Bundler: Installing jekyll-seo-tag 2.8.0
Bundler: Fetching minima 2.5.1
Bundler: Installing minima 2.5.1
Bundler: Bundle complete! 7 Gemfile dependencies, 31 gems now installed.
Bundler: Use `bundle info [gemname]` to see where a bundled gem is installed.Don't run Bundler as root. Bundler can ask for sudo if it is needed, and
Bundler: installing your bundle as root will break this application for all non-root
Bundler: users on this machine.
New jekyll site installed in /root/jekyll.example.com.
次に、次のコマンドを使用してJekyllによって作成されたすべてのファイルとディレクトリをリストします：
tree jekyll.example.com次の出力が得られるはずです：
jekyll.example.com
??? 404.html
??? about.markdown
??? _config.yml
??? Gemfile
??? Gemfile.lock
??? index.markdown
??? _posts
??? 2022-09-25-welcome-to-jekyll.markdown
1 directory, 7 files
Jekyllサーバーの起動
まず、ウェブサイトのディレクトリに移動し、次のコマンドを使用してwebrick依存関係を追加します：
cd jekyll.example.com
bundle add webrick次に、次のコマンドを実行してJekyllウェブサーバーを起動します：
jekyll serve --host=0.0.0.0サーバーが正常に起動すると、次の出力が得られるはずです：
Configuration file: /root/jekyll.example.com/_config.yml
Source: /root/jekyll.example.com
Destination: /root/jekyll.example.com/_site
Incremental build: disabled. Enable with --incremental
Generating...
Jekyll Feed: Generating feed for posts
done in 0.375 seconds.
Auto-regeneration: enabled for '/root/jekyll.example.com'
Server address: http://0.0.0.0:4000/
Server running... press ctrl-c to stop.
Jekyllウェブサイトにアクセスする
この時点で、Jekyllは起動し、ポート4000でリッスンしています。今、ウェブブラウザを開いてURL http://your-server-ip:4000 を入力します。Jekyllのデフォルトページにリダイレクトされます：
結論
上記のガイドでは、Ubuntu 22.04にJekyllをインストールする方法を学びました。これで、Jekyllを探索し、自動生成されたコンテンツを使用して独自のウェブサイトを作成できます。
新しい投稿を受信箱で受け取る
スパムはありません。いつでも購読を解除できます。