オープンソースプロジェクト
daattali/beautiful-jekyll avatar
daattali/beautiful-jekyll

Beautiful JekyllはGitHub forkで個人サイトを数分で立てる

文字通り数分で美しくシンプルな Web サイトを構築できます。でのデモ。

スター 5,824フォーク 17,317HTMLMIT

ひと目でわかる

これは何?
daattali/beautiful-jekyllはJekyllテーマで、YOURUSERNAME.github.ioへのリネームと_config.yml編集だけでGitHub Pagesサイトを起動し、タグ・検索・RSS・コメント連携を備えます。
誰に向いている?
GitHub Pagesで手早く個人ブログやプロジェクトサイトを立てたい人にはBeautiful Jekyllのfork経路がREADME上最適です。Ruby gem方式の細かい制御やREADMEが約束しないサポートを求める上級者には限界があります。
商用利用できる?
できます。MIT は寛容なライセンスで、著作権表示とライセンス表示を残せば、使用・改変・販売が可能です。
今もメンテナンスされている?
されています。最後のコミットは 114 日前です。
何の言語で書かれている?
主に HTML です(GitHub の言語統計による)。

回答はプロジェクトの GitHub データ(最終同期:2026年9月14日)と当サイトの分析に基づくもので、法的助言ではありません。

オープンソース詳細解説

2015年から5万人超が使ったJekyllテーマ

READMEはBeautiful Jekyllを、個人サイト、ブログ、簡単なプロジェクトサイト向けのready-to-use website templateだと位置づけています。Battle-testedとして2015年以来50,000+ usersとREADMEは述べ、オンラインデモはbeautifuljekyll.com、作者Dean Attaliのサイト例もリンクされています。

Features節はSimple(誰でも数分で作成)、Modern(Chrome Auditで nearly perfect scores とREADME主張)、Mobile-first、Highly customizable(背景色/画像、ロゴ)、Flexible usage(GitHub直接かRuby gem)、SEO/social、Comments(Disqus/Facebook/Utterances/Staticman/giscus/CommentBox)、Tags index、Analytics、Search button、Photos、RSSなどを列挙しています。languageはSCSS、MIT license、最新Release 6.0.1(2023-06-08)です。

ForkしてYOURUSERNAME.github.ioへ改名

Build your website in 3 stepsのeasy wayは、GitHubでForkし、Repository nameをbeautiful-jekyllからYOURUSERNAME.github.ioへ変更することです。READMEはこの正確な名前でGitHubが自動的websiteを作ると説明し、別URL希望はbeautifuljekyll.com/faq/#custom-domainを参照させます。

3ステップ目は_config.ymlを編集し、#で始まる行はコメント、それ以外が設定だとREADMEは注釈します。Commit changes後、1〜2分でhttps://YOURUSERNAME.github.ioが有効になり、ファイル変更のたびに約1分で再ビルドされる、とREADMEは書いています。初期サイトにはsample blog postsと数ページが含まれます。30秒動画チュートリアルへの言及もREADMEにあります。

_postsとYAML front matter

コンテンツ追加はmarkdownまたはHTMLで、front matterが必要なページは先頭に---で囲んだYAMLを置きます。front matterが無いファイルはそのまま表示されます。Blog postsは_postsディレクトリにYEAR-MONTH-DAY-title.md命名で置く、とREADMEは説明しています。

Page parameters節はtitle、subtitle、tags、cover-img、thumbnail-img、comments、mathjax、share-title/description/img、author、readtime、show-avatar、layout(post/page/home/minimal等)を列挙します。home layoutはindex.htmlというファイル名が必要です。READMEはサンプル投稿で形式を学び、本番投稿追加後にサンプルを削除するよう勧めています。

高度なパラメータとしてfooter-extra、before-content、after-content、head-extra、language、full-width、ローカルまたは外部JavaScriptとCSS追加がREADMEに分類されています。生HTMLページはfront matter無しでも書けるとREADMEは述べ、layout選択の自由度を示しています。

高度なlayoutと追加JavaScript

READMEのPage parametersは、あまり使われないパラメータとしてauthor、readtime、show-avatar、social-share、nav-short、gh-repo、gh-badge、last-updated、layoutを挙げ、高度なパラメータとしてfooter-extra、before-content、after-content、head-extra、language、full-width、ローカルまたは外部JavaScriptとCSSファイル追加を説明しています。

ページタイプはpost、page、home、minimal、またはfront matterを使わずに生のHTMLページを書くことです。homeタイプはindex.htmlという名前が必須です。カスタムスクリプトを載せる場合、head-extra等のキーがREADME上の拡張点になります。

Ruby gem方式は上級者向けでサポート限定的

The harder way節は、remote themes on GitHub PagesかRuby gemsのadvanced installation methodsを挙げ、より制御できるがadvanced users intendedだとREADMEは警告しています。Beautiful Jekyll was primarily designed to be used as a GitHub themeなので、Ruby gem経由利用者にはsupportを提供しない、と明記されています。

大多数の利用者にはfork easy wayが作者自身の推奨です。easy wayを読んでからhard wayに進むようREADMEは順序付けしています。gem方式を選ぶ場合、beautifuljekyll.com/getstarted/#install-steps-hardが詳細authorityです。

無料テーマと有料スポンサー機能

Plans節は、Beautiful Jekyll is, and always will be, freeと述べ、スポンサー向けにBeautiful Jekyll ad removal、Dark Mode skin、office hours accessをGitHub Sponsors tierで提供するとREADMEは説明しています。Sponsors節にDoFollow等の名前が列挙されています。

HelpはFAQとGitHub Discussions、office hoursはsponsors onlyです。MIT LICENSEファイルは使用、改変、配布を許可し標準的な無保証条項を含みます。READMEはJekyll NowとBootstrap Clean Blogからアイデアを得たと謝辞し、pull requests/issues/messageでの貢献を歓迎しています。

作者Dean Attaliの個人サイトとコンサルティングサイトが使用例としてREADMEにリンクされ、テーマの実運用イメージを補います。オンラインデモbeautifuljekyll.comは約二分でサイトが立つことを視覚的に示す入口です。スポンサー機能は必須ではなく、無料forkだけでもREADMEのeasy wayは完結します。

_config.yml編集後にPages URLを確認

評価手順は、GitHubアカウントでdaattali/beautiful-jekyllをforkし、Settingsでリポジトリ名をYOURUSERNAME.github.ioに変更、_config.ymlのtitleやauthor等を1つ以上編集してcommitすることです。数分待ちhttps://YOURUSERNAME.github.ioを開き、サンプル投稿とナビゲーション検索ボタンがREADME Featuresどおり表示されるかを記録します。

_postsにYEAR-MONTH-DAY-test-post.mdを追加し、front matterにlayout: postとtitleを置き、再ビルド後にタグ索引とRSS feed(READMEが自動生成と述べる部分)が更新されるか確認します。カスタムドメインやComments providerを使うならbeautifuljekyll.com/faqと_config.ymlの該当キーをセットで読みます。Ruby gem経路はREADMEがサポートしないため、fork方式で問題が出た場合のみhard wayを検討します。

テーマ機能とSEOパラメータ

READMEのFeatures一覧は、モバイルファースト、背景画像やロゴのカスタマイズ、検索ボタン、タグ索引の自動生成、RSS、複数コメントプロバイダ、Google Analytics連携など、個人ブログに必要な要素を幅広くカバーします。2015年から五万人以上の利用実績とREADMEは主張し、テンプレートとしての成熟度を示しています。

GitHub Pagesはファイル変更のたびに約一分で再ビルドされるとREADMEは述べ、作者は設定ファイル一項目の編集デモ動画も参照しています。サンプル投稿は学習用であり、本番公開前に削除するようREADMEは勧めています。

Page parametersのshare-title、share-description、share-imgは検索結果とソーシャルカード表示を制御します。mathjaxは数式、commentsはDisqusやgiscus等の選択に関わります。cover-imgやthumbnail-imgは記事ごとの見た目拡張点です。

無料のMITテーマとして常に無料であるとREADMEは明言し、広告削除やダークモードはスポンサー向けオプションです。採用記録にはfork日、公開URL、編集した_config.ymlキー、試したlayout種別を残してください。Release 6.0.1は二〇二三年六月公開であり、Pagesビルドイメージ更新時は再確認が必要です。gh-repoパラメータはREADME上あまり使われない分類です。nav-shortやreadtimeも同様に任意項目としてREADMEに並びます。サンプルページ削除は本番公開前の定番手順です。

編集部の結論

GitHub Pagesで手早く個人ブログやプロジェクトサイトを立てたい人にはBeautiful Jekyllのfork経路がREADME上最適です。Ruby gem方式の細かい制御やREADMEが約束しないサポートを求める上級者には限界があります。採用前にリポジトリをYOURUSERNAME.github.ioへforkリネームし、_config.ymlを1項目編集してcommit後、https://YOURUSERNAME.github.ioの表示とサンプル_postsの削除可否を確認してください。

公式情報源

  1. Official documentation
  2. Official README
  3. Project repository
  4. Release notes
コミュニティノート

コミュニティノート