Table of contents
Jekyllとはなにか
- GitHub PagesとJekyllについて (github.com)
Jekyllは、個人、プロジェクト、または組織のサイト向けの、 シンプルなブログ対応の静的サイトジェネレーターです。
Quick Start
開発環境をインストール
Jekylとbundlerをインストール
gem install jekyll bundler
./mysite
に新しいJekyllサイトを作成bundle exec jekyll new mysite
作成したサイトのディレクトリに移動
cd mysite
テストサーバーの起動
bundle exec jekyll serve
_site
にHTMLファイルが生成され、同時に_site
をルートにした テストサーバーが起動します。http://localhost:4000
にブラウザでアクセスしサイトを確認
チュートリアル
- Jekyll チュートリアル (jekyllrb-ja)
- Step by Step チュートリアル (jekyllrb-ja)
- チュートリアル:Jekyll サイトを Azure Static Web Apps プレビューに公開する (microsoft.com)
- Jekyllを使った静的なWebサイト制作 基礎知識編 – 第1回 – 「Jekyll」とは? (e-joint.jp)
jekyll serveコマンドのオプション
❯ bundle exec jekyll serve --help
jekyll serve -- Serve your site locally
Usage:
jekyll serve [options]
Options:
--config CONFIG_FILE[,CONFIG_FILE2,...] Custom configuration file
-d, --destination DESTINATION The current folder will be generated into DESTINATION
-s, --source SOURCE Custom source directory
--future Publishes posts with a future date
--limit_posts MAX_POSTS Limits the number of posts to parse and publish
-w, --[no-]watch Watch for changes and rebuild
-b, --baseurl URL Serve the website from the given base URL
--force_polling Force watch to use polling
--lsi Use LSI for improved related posts
-D, --drafts Render posts in the _drafts folder
--unpublished Render posts that were marked as unpublished
--disable-disk-cache Disable caching to disk in non-safe mode
-q, --quiet Silence output.
-V, --verbose Print verbose output.
-I, --incremental Enable incremental rebuild.
--strict_front_matter Fail if errors are present in front matter
--ssl-cert [CERT] X.509 (SSL) certificate.
-H, --host [HOST] Host to bind to
-o, --open-url Launch your site in a browser
-B, --detach Run the server in the background
--ssl-key [KEY] X.509 (SSL) Private Key.
-P, --port [PORT] Port to listen on
--show-dir-listing Show a directory listing instead of loading your index file.
--skip-initial-build Skips the initial site build which occurs before the server is started.
-l, --livereload Use LiveReload to automatically refresh browsers
--livereload-ignore ignore GLOB1[,GLOB2[,...]] Files for LiveReload to ignore. Remember to quote the values so your shell won't expand them
--livereload-min-delay [SECONDS] Minimum reload delay
--livereload-max-delay [SECONDS] Maximum reload delay
--livereload-port [PORT] Port for LiveReload to listen on
-s, --source [DIR] Source directory (defaults to ./)
-d, --destination [DIR] Destination directory (defaults to ./_site)
--safe Safe mode (defaults to false)
-p, --plugins PLUGINS_DIR1[,PLUGINS_DIR2[,...]] Plugins directory (defaults to ./_plugins)
--layouts DIR Layouts directory (defaults to ./_layouts)
--profile Generate a Liquid rendering profile
-h, --help Show this message
-v, --version Print the name and version
-t, --trace Show the full backtrace when an error occurs
ブログ記事
下記に掲載を希望される方はご連絡ください (詳細)
- 個人用wikiをJekyllに移行したときにやったこと1 [Jekyll紹介編] (carefree-se.hatenablog.com)
- Jekyllとは?静的サイトジェネレータについて解説 (programming-world.net)
Jekyll(ジキル)は、Rubyで開発された静的サイトジェネレータです。 Jekyllを使うと、データベースを使用しないで、静的なHTMLファイルや CSSファイルによるブログを作成できます。
- マークダウンを静的ページに変換してくれるJekyll (zipzap.jp)
Jekyll(ジキル)とは、データベースが不要なのにブログライクな 静的サイトをビルドできる、RubyGemsで配布されているRuby製のツールです。
- こんなにある!WordPressに替わる便利なCMS・プラットフォーム14選 (ferret-plus.com)
Jekyll(ジキル)はMovableTypeのような静的なサイトジェネレーターです。 Gitを用いたバージョン管理が行いやすいのも人気の理由のひとつです。
- Jekyllを使ってみる (mugichoko.hatenablog.com)
Webページ作成に疎い私が,とあることからJekyll(ジキル)を使うことに なったため,色々と把握した内容をまとめた.
- 第1回 Jekyllとはなにか (codegrid.net)
Jekyll(ジキル)は静的サイトの生成を行うための、 RubyGemsで配布されているRuby製のツールです。
抜粋は管理人が行なっています