Ruby製のブログ対応静的サイトジェネレーター。MarkdownとLiquidテンプレートからWebサイトを生成します。
daattali/beautiful-jekyll
GitHub Pagesを中心に、個人サイトやブログ、プロジェクトサイトを手早く作れる、すぐに使えるJekyllテーマ。
代替できる製品:Wix
Squarespace
- スター
- 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
GitHubでプロジェクトをフォークします
- 2
リポジトリ名をYOURUSERNAME.github.ioに変更します
- 3
_config.ymlを編集してサイトの設定をカスタマイズします
- 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 の数値は毎日更新されます。
関連プロジェクト
検索機能を備え、GitHub Pagesで手軽に公開できる、カスタマイズ可能でレスポンシブなドキュメントサイト向けJekyllテーマ。
Markdownファイルからランディングページ、ポートフォリオ、ブログ、ドキュメントを作成できる、Tailwindブロックを備えたオープンソースのHugoフレームワーク。
ダークモード、シンタックスハイライト、数式、Mermaid図、PWAに対応した、技術ブログ向けのシンプルでレスポンシブなJekyllテーマ。
論文、CV、ブログ、プロジェクトのページを備えた学術向けWebサイトを構築するためのJekyllスターターテンプレート。
WordPressの投稿、固定ページ、メタデータ、設定をJekyllやHugoなどの静的サイトジェネレーター向けにMarkdownとYAMLで書き出す、ワンクリック対応プラグインです。