Beautiful JekyllはGitHub forkで個人サイトを数分で立てる
文字通り数分で美しくシンプルな Web サイトを構築できます。でのデモ。
ひと目でわかる
- これは何?
- 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の削除可否を確認してください。
コミュニティノート