Question

如果我的博客在本地构建得很好但是在GitHub中会有什么可能的原因？一旦它在GitHub导航栏中不显示也不会应用帖子样式;有趣的是，这种奇怪的行为只影响帖子页面。

我的博客设置为here，here是其存储库。只要点击博客帖子，就会看到奇怪的行为。

Answer 1

我们称之为 Jekyll 3 shake

您的博客在本地构建正常，因为您仍在使用github-pages version 40和jekyll version 2.4.0。

bundle update
bundle exec jekyll build

它会破坏帖子。

从您的工作流程post -> post layout -> base layout that includes head.html

在 jekyll 2.4.0 ：从头部开始，您会看到page.layout = base，然后您会看到base布局前端问题变量。在 jekyll 3.0.3 ：从头部开始，您会看到page.layout = post，然后您无法查看base布局前端问题变量。

这个想法可以将基本的前端变量移到_config.yml：

common-css:
  - "/css/bootstrap.min.css"
  - "/css/main.css"
common-ext-css:
  - "//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"
...

并在_includes/head.html

中获取这些变量

{% if site.common-ext-css %}
  {% for css in site.common-ext-css %}
    <link rel="stylesheet" href="{{ css }}" />
  {% endfor %}
{% endif %}

js文件相同。

注意：升级到Jekyll 3.x意味着您添加

gems: [jekyll-paginate]

到您的_config.yml文件。

Answer 2

你需要确保你有这个：

_config.yml：

highlighter: rouge
markdown: kramdown
kramdown:
  input: GFM

gems:
  - jekyll-paginate
  # other gems

Gemfile：

source 'https://rubygems.org'

gem 'github-pages'
gem 'jekyll-paginate'
# other gems

然后，打开项目所在地的终端并运行：

bundle update =＆gt;将更新您的所有宝石

bundle install =＆gt;将生成一个新的Gemfile.lock，包括所有宝石及其依赖项

bundle exec jekyll serve =＆gt;将通过Bundler为Jekyll服务

为什么？ ，您可能会问。 Jekyll有一个新版本3和GitHub Pages followed the upgrade。现在kramdown的默认降价和默认的突出显示现在为rouge。如有任何疑问，请查看here。

同时

您的博客文章中没有index.html主管中找到的样式表的链接：

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" /> <link rel="stylesheet" href="/css/bootstrap.min.css" /> <link rel="stylesheet" href="/css/main.css" /> <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" /> <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" /> <link rel="stylesheet" href="/css/index.css" />

您的includes可能有问题。

不显示在本地观察到的Github中格式化的博客文章

2 个答案: