2017-06-21 1 views
0

J'ai trouvé quelque chose d'étrange.jekyll souligner développement vs production

localement lorsqu'il est exécuté jekyll serve --safe et l'utilisation des blocs de mettre en évidence

{% highlight ruby %}

il rend un <div class="highlight"> qui est grand et attendu.

Bizarrement, quand je pousse sur gh-pages, il utilise un <figure class="highlight"> et les styles de navigateur par défaut sont très différents.

comment puis-je les obtenir pour être le même?

Répondre

1

Vous utilisez une ancienne version de Jekyll (probablement 2.x). Cette modification subtile a été faite dans Jekyll 3.0.x, et Github Page utilise actuellement Jekyll 3.4.3 (see gh pages dependencies here). Pour rester synchronisé avec les pages github, vous pouvez utiliser bundler.

gem install bundler 

Créer une Gemfile à la racine de vos fichiers Jekyll et ajouter:

source 'https://rubygems.org' 
gem 'github-pages' 

Lancer une commande bundle, vous les bibliothèques seront mises à jour et votre version locale se déroulera comme sur les pages Github.

+0

ajouté une «mise à jour bundle» à ^^ et cela a fonctionné comme un charme. –