Utiliser Live Reload avec Jekyll

Question

Je commence à utiliser le générateur de site statique Jekyll et j'aimerais utiliser Live Reload avec celui-ci. Je sais que Jekyll a un générateur et des commandes de serveur, et Live Reload peut exécuter divers compilateurs et commandes personnalisées. Comment est-ce que je les configure pour fonctionner ensemble?

Answer 1

Pour jekyll 1.0+, utilisez:

 jekyll serve --watch
 

Voir Jekyll: Utilisation de base pour plus de détails et d’options.

Answer 2

Il y a des garde-livereload que vous pouvez utiliser avec garde-jekyll et de centraliser la surveillance de processus avec gardien, un exemple serait (je ne l'ai pas testé):

• Installer des garde-jekyll, soit par le biais de gem ou bundler
• Installer des garde-livereload, soit par le biais de gem ou bundler

Initialisation de la garde-jekyll

guard init jekyll

Ajoutez ceci à votre Guardfile:

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

Vous pouvez adapter la ci-dessus pour répondre le mieux à votre projet, et vous le savez probablement déjà vous devez inclure le livereload script sur votre page:

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

Oh, et pour commencer tout en regardant désordre:

guard

Answer 3

cd your/site/folder
jekyll --server --auto

Answer 4

Cet article explique une méthode plus propre - Configuration de LiveReload avec Jekyll

Gemfile:

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

Guardfile:

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

guard 'livereload' do
  watch /.*/
end
 

Installez une extension de navigateur LiveReload . Puis exécutez guard .

Answer 5

Commencez par exécuter jekyll normalement dans le dossier de votre site:

 cd your/site/folder
jekyll
 

Par défaut, Jekyll génère un dossier appelé _site intérieur ( your/site/folder/_site ).

Dites à LiveReload de regarder ce dossier _site .