无法安装" lanyon"杰基尔主题

时间:2014-07-17 20:53:13

标签: ruby jekyll github-pages

在我开始之前,先做一些前言警告;

我对jekyll的了解是0。 我对红宝石的了解是0。

虽然我确实认为我没有经验并且今天只是踩到了它,但我做得还不错。也就是说,这对我来说都是完全

我想试试我的github pages博客,看看我是否能让它发挥作用。我遇到了一个很大的问题,我认为它将被称为全局变量

我在这里下载了Lanyon;的 Lanyon

我从 Windows 8.1 x64 计算机上按顺序执行了以下步骤。

  1. 已安装 python 3.4.1 link)
  2. 使用 RailsInstaller 安装 ruby​​ link)
  3. 使用 PowerShell 控制台中的gem update --system安装 ruby​​gems
  4. 创建了一个新的github存储库
  5. 在该存储库中创建了一个gh-pages分支
  6. 在该分支中创建了Gemfile,其中包含以下文字
  7. source 'https://rubygems.org'
    gem 'github-pages'
    

    然后是 Lanyon 的工作。

    • 下载 Lanyon 并解压缩,我将所有文件复制到新目录中
    • 将整个目录推送到分支gh-pages
    • 上的存储库
    • 尝试导航到gh-pages给定的网址。

    现在我确实看到了索引页面,它确实有内容,但主题不起作用。 css个文件丢失了。根据jekyll网站上的主题结构说明,我做了一些改动;的 link

    • 我根据api文档中建议的布局,将head.htmlsidebar.html移动到名为_includes的{​​{1}}下的新子文件夹中。
    • 我喜欢将themes/lanyon文件夹放入名为css的新文件夹中,再次关注这些文档
    • 我按照api文档中的示例将文件assets/themes/lanyonapple-touch-icon-144-precomposed.pngapple-touch-icon-precomposed.png移动到名为favicon.ico的新文件夹中。

    现在是最棘手的部分......试图让assets/themes/lanyon/img起作用。

    • 我查看了文件{{ ASSET_PATH }},看到3 css资产没有变量。
    • 我将它们更改为如下所示
    _includes/themes/lanyon/head.html
    • 我更新<link rel="stylesheet" href="{{ ASSET_PATH }}/css/poole.css"> <link rel="stylesheet" href="{{ ASSET_PATH }}/css/syntax.css"> <link rel="stylesheet" href="{{ ASSET_PATH }}/css/lanyon.css"> 看起来像这样,显然填入了[]变量。
    _config.yml

    但即便如此,它仍然无法奏效。如果我在文件中输入绝对路径,那么会_ 工作,但根据我的理解,这不是jekyll的工作方式。

1 个答案:

答案 0 :(得分:1)

要访问ASSET_PATH,请尝试:

{{ site.Lanyon.ASSET_PATH }}

编辑:您使用的是Jekyll Bootstrap(JB)变量,而不是Jekyll变量。

site.Lanyon.ASSET_PATH 特定于JB。这里是' / assets / themes / lanyon '

site.Lanyon.BASE_PATH (Jekyll中的 site.baseurl )是从您的站点根目录到Jekyll安装的路径。

例如:如果您执行 http://ciel.com/my/jekyll/site/ 来访问您的网站: site.Lanyon.BASE_PATH site.baseurl ='的 /我/化身/站点

因此,如果您想从任何页面访问您的资源,您需要执行以下操作:

<link rel="stylesheet" href="{{ site.Lanyon.BASE_PATH }}{{ site.Lanyon.ASSET_PATH }}/css/poole.css">

<link rel="stylesheet" href="{{ site.baseurl }}{{ site.Lanyon.ASSET_PATH }}/css/poole.css">

Etvoilà!