71

私はJekyll 静的サイト ジェネレーターを使い始めており、 Live Reloadを使用したいと考えています。Jekyll にはジェネレーターとサーバー コマンドがあり、Live Reload はさまざまなコンパイラーとカスタム コマンドを実行できることを知っています。これらが連携するように構成するにはどうすればよいですか?

4

13 に答える 13

30

更新:他の回答で指摘されているように、LiveReload は Jekyll 3.7+ に組み込まれています。

jekyll serve --livereload

古いバージョンの場合:

私が見つけた最も簡単な方法は、2 つのターミナル ウィンドウを使用することjekyll serve --watchですguard。

Nobuが提案したguard-jekyll-plusアプローチを試しましたが、たくさんのエラーがありました。

shumushinが指摘したように、Jekyll は自動再構築プロセスを処理できます。jekyll serve --watch

LiveReload を機能させるには、2 番目のターミナル ウィンドウで guard-livereload を使用して Guard を実行します。これは基本的にJan Segre の answerと同じですが、guard-jekyll.

私Guardfileはこのように見えます：

guard 'livereload' do
  watch(/^_site/)
end

そして私のGemfile：

gem 'jekyll'
gem 'guard'
gem 'guard-livereload'

注: livereload スクリプトをindex.htmlページに含める必要があります。guard-livereloadそれはブラウザと一緒に結合する「接着剤」です。

<script src="http://localhost:35729/livereload.js"></script>
于 2015-04-02T20:19:07.663 に答える
23

Guard-jekyllで使用でき、Guardで監視プロセスを集中化できる Guard- livereloadがあります。例は次のとおりです(私はテストしていません):

  • gem または bundler を使用して、guard-jekyll をインストールします。
  • gem または bundler を使用して、guard-livereload をインストールします。

ガードジキルの初期化

guard init jekyll

これを Guardfile に追加します。

guard 'livereload' do
  watch(%r{_site/.+})
end

上記をプロジェクトに合わせて調整できます。おそらく、ページに livereload スクリプトを含める必要があることはすでにわかっているでしょう。

<script src="http://localhost:35729/livereload.js"></script>

ああ、そして全体の視聴の混乱を開始するには：

guard
于 2013-10-04T04:23:41.460 に答える
15

更新: これは Jekyll の最新バージョンでは動作しなくなりました

cd your/site/folder
jekyll --server --auto
于 2011-12-25T04:50:25.947 に答える
13

この投稿では、よりクリーンな方法について説明しています - Setting Up LiveReload With Jekyll

Gemfile:

gem 'jekyll'
gem 'guard'
gem 'guard-jekyll-plus'
gem 'guard-livereload'

ガードファイル:

guard 'jekyll-plus', :serve => true do
  watch /.*/
  ignore /^_site/
end

guard 'livereload' do
  watch /.*/
end

LiveReload ブラウザー拡張機能をインストールします。次に実行しguardます。

于 2014-03-26T01:01:36.057 に答える
4

まず、サイト フォルダーで通常どおり jekyll を実行します。

cd your/site/folder
jekyll

デフォルトでは、Jekyll はその_site中に という名前のフォルダーを生成します ( your/site/folder/_site)。

LiveReload にその_siteフォルダーを監視するように指示します。

于 2011-12-09T08:19:35.590 に答える
1

今日 GitHub Pages を使い始めたばかりで、Jekyll でライブ リロードを使用できるようにしたいと考えていました。動作し、 Creating GitHub Pages with Jekyll & LiveReloadに関する最初の投稿を書きました。

grunt-contrib-watchJekyllのコマンドの代わりにプラグインでGruntを使用しますserve-私にとってはうまくいきます。それがあなたにとってもうまくいくことを願っています。

于 2014-01-25T14:46:13.587 に答える
0

jekyll serve -w私は怠け者なので、好きなオプションであるjust を使用できます。

于 2014-05-13T09:06:32.117 に答える