Repolode
daattali

daattali/beautiful-jekyll

GitHub Pagesを中心に、個人サイトやブログ、プロジェクトサイトを手早く作れる、すぐに使えるJekyllテーマ。

代替できる製品:WixSquarespace

スター
5,835
フォーク
17,288
未解決の Issue
26
最終コミット
23 日前

これは何?

Beautiful Jekyllは、Jekyllを使って個人サイトやブログ、シンプルなプロジェクトサイトを作るためのテンプレートです。基本的な手順は、リポジトリをforkしてYOURUSERNAME.github.ioに名前を変更し、_config.ymlを編集するだけです。その後、GitHub Pagesがサイトを自動的にビルドします。Ruby gemとしてインストールする方法もありますが、サポート対象はGitHubを使った構成に限られます。

ページや投稿はMarkdownまたはHTMLで記述し、YAML front matterでタイトル、サブタイトル、カバー画像、タグ、コメントなど、ページごとの設定を指定できます。ブログ投稿は_postsフォルダに配置し、フィードやタグ一覧、任意でソーシャル共有ボタンを付けて表示できます。

Disqus、Utterances、giscus、Staticmanなどのコメントサービスに対応し、Google Analytics、ナビゲーションバー内の検索、SEO・ソーシャルメタデータ、自動生成されるRSSフィードも利用できます。

主な機能

  • 01ローカルのツールを使わずに、GitHub Pages上でforkして公開できるセットアップ
  • 02背景、ロゴ、カバー画像をカスタマイズできる、モバイルファーストのレスポンシブレイアウト
  • 03YAML front matterでページごとの設定を指定できる、Markdownベースのページとブログ投稿
  • 04複数のコメントサービスとGoogle Analyticsに標準対応
  • 05RSSフィードとタグ一覧の自動生成、SEO・ソーシャル共有用メタデータ

ユースケース

  • GitHub Pagesで公開する個人のホームページやポートフォリオの作成
  • タグとRSSに対応した技術ブログや個人ブログの開設
  • オープンソースツールや研究プロジェクトのシンプルな紹介ページの作成

クイックスタート

  1. 1

    GitHubでプロジェクトをフォークします

  2. 2

    リポジトリ名をYOURUSERNAME.github.ioに変更します

  3. 3

    _config.ymlを編集してサイトの設定をカスタマイズします

  4. 4

    1〜2分待ってから、https://YOURUSERNAME.github.ioにアクセスします

使う前に知っておきたいこと

  • 主にGitHub Pages向けに設計されています。Ruby gem経由で使用する場合、作者によるサポートはありません。
  • ダークモードのスキンや広告の削除など、一部の機能は有料プランが必要です。

収録されている特集

トピック

よくある質問

beautiful-jekyll とは?
GitHub Pagesを中心に、個人サイトやブログ、プロジェクトサイトを手早く作れる、すぐに使えるJekyllテーマ。 Beautiful Jekyllは、Jekyllを使って個人サイトやブログ、シンプルなプロジェクトサイトを作るためのテンプレートです。基本的な手順は、リポジトリをforkしてYOURUSERNAME.github.ioに名前を変更し、_config.ymlを編集するだけです。その後、GitHub Pagesがサイトを自動的にビルドします。Ruby gemとしてインストールする方法もありますが、サポート対象はGitHubを使った構成に限られます。
beautiful-jekyll は無料で使えますか?ライセンスは?
beautiful-jekyll は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
beautiful-jekyll は今もメンテナンスされていますか?
活発にメンテナンス中。beautiful-jekyll の最終コミットは 2026年10月15日 です。
beautiful-jekyll は何に使えますか?
GitHub Pagesで公開する個人のホームページやポートフォリオの作成 タグとRSSに対応した技術ブログや個人ブログの開設 オープンソースツールや研究プロジェクトのシンプルな紹介ページの作成
beautiful-jekyll のインストール方法は?
GitHubでプロジェクトをフォークします リポジトリ名をYOURUSERNAME.github.ioに変更します _config.ymlを編集してサイトの設定をカスタマイズします 1〜2分待ってから、https://YOURUSERNAME.github.ioにアクセスします
beautiful-jekyll はどこで入手できますか?
ソースコードとインストール手順は GitHub にあります:https://github.com/daattali/beautiful-jekyll

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト