プレビュー

2023-10-16 hit count image

ジキル(jekyll)で作成してる記事を早く確認するためプレビューの時間を短縮する方法について説明します。

問題点

今ジキル(jekyll)で管理してるブログが作成した記事が多くなって、ローカルで作成した記事を確認する時、時間が結構掛かります。私は下のジキル(jekyll)コマンドで記事を公開する前ローカルで作成した記事を確認しています。

bundle exec jekyll serve

しかし、記事の量が多いし、使ってるプラグインが多いので記事を確認するため209.498985 secondsを待たなければならない問題が発生しました。配布するためこのぐらい時間が掛かることはいいですが、新記事を確認するたびにこのぐらい時間が掛かることはちょっと勿体無いなと思いました。

解決策

たくさんの解決策があるみたいですが私は下記のジキル(jekyll)設定でビルド速度をあげました。

まず、 _config.ymlをコピーして_config-dev.ymlを作りました。。そして、下のコードを追加しました。

# 多言語を使ってるので3を設定。普通は1で設定
limit_posts: 3

そして、作成した記事を確認するため下のジキル(jekyll)コマンドを使ってます。

bundle exec jekyll serve --config _cong-dev.yml

このコードは一つのブログ記事のみビルドするようにします。私はこのジキル(jekyll)設定を使って74.639 secondsだけ待ってば記事を確認することが出来るようになりました。また、ジキル(jekyll)プラグイン中で時間が結構掛かるminifyプラグインを使えないように下記のように設定しました。

jekyll-minifier:
  remove_spaces_inside_tags: false
  remove_multi_spaces: false
  remove_comments: false
  compress_css: false
  compress_javascript: false
  compress_json: false

こんな設定をしたらビルド時間が50.668 seconds、20秒くらい早くなりました。

完了

上記で説明した方法で200秒から50秒にビルド時間が1/4に減少しました。しかし、まだ50秒くらいかかりますね。これはジキル(jekyll)の大問題点と思います。

私のブログが役に立ちましたか?下にコメントを残してください。それは私にとって大きな大きな力になります!

アプリ広報

今見てるブログを作成たDekuが開発したアプリを使ってみてください。
Dekuが開発したアプリはFlutterで開発されています。

興味がある方はアプリをダウンロードしてアプリを使ってくれると本当に助かります。

Posts