Jekyll 强调开发与生产

Question

我发现了一些奇怪的东西。

本地 运行 jekyll serve --safe 并使用高亮块

{% highlight ruby %}

它以 <div class="highlight"> 呈现，这非常好并且符合预期。

奇怪的是，当我推送到 gh-pages 时，它使用 <figure class="highlight"> 并且默认浏览​​器样式明显不同。

如何让它们相同？

Answer 1

您运行正在使用旧版本的 Jekyll（可能 2.x）。 这个微妙的变化是在 Jekyll 3.0.x 中进行的，Github Page 目前正在使用 Jekyll 3.4.3 (see gh pages dependencies here).

为了与 github 个页面保持同步，您可以使用捆绑器。

gem install bundler

在 Jekyll 文件的根目录创建一个 Gemfile 并添加：

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

启动 bundle 命令，您的库将被更新，您的本地版本将 运行 与 Github 页面上的一样。