twitter-bootstrap - 样式表不适用于 Jekyll 主题 Freelancer bootstrap

Question

我的个人博客已经有了 username.github.io 存储库，现在我的目标是使用我找到的完全不同的主题创建另一个 github 托管的 jekyll 页面。这是我正在使用的主题的链接:https://github.com/jeromelachaud/freelancer-theme

所以我在我的机器和 github 上创建了一个新的存储库，将本地存储库连接到远程 github 上，创建了一个孤立的 gh-pages 分支，然后将 freelancer-theme fork 并将其克隆到我创建的新存储库的文件夹中在 gh-pages 分支上。我使用命令将所有文件(我认为除了 git init 之外)移动到新存储库的父文件夹中。我删除了 freelancer-theme fork 文件夹并使用 gem install jekyll 安装了最新版本的 Jekyll。然后我运行了 jekyll serve，网站在我的机器上完美呈现。做了一些修改，新的修改仍然可以很好地渲染。将这些更改推送到我在 github 上的存储库的 gh-pages 分支后，我现在转到 username.github.io/nameofmynewrepository 并获得一个包含主题所有组件的站点，但 css 似乎没有工作。

有没有人使用过这个主题，他们知道可能的原因吗？文档非常稀少。
这是我的 github 页面的 url，其中样式表不起作用:http://mpron.github.io/mybrotheriswrong/

这是我在 gh-pages 分支上的新仓库:
https://github.com/mpron/mybrotheriswrong/tree/gh-pages

Answer 1

由于您的 github pages 站点是一个项目站点，因此他的默认 url 看起来像 user.github.io/projectrepository .

这意味着当您在 查找资源(css、js 或 img)时/resourcefolder/ressource.css 它在 上寻找它user.github.io/resourcefolder/ressource.css .

/项目存储库缺少部分，这就是为什么您必须使用 基本网址 中的参数_config.yml

在您的情况下，您只需添加:

baseurl: /mybrotheriswrong

在您的 _config.yml .

然后标签会将其添加到您的 css href 并在 成功找到它/mybrotheriswrong/css/font-awesome/css/font-awesome.min.css .

这也将解决你的js问题。

您还应该使用 site.baseurl 如果您打算在不同级别上设置页面，例如 ，请在您的图像上关于/index.html 或使用帖子的固定链接，如 某个文件夹/

<img src="{{ site.baseurl }}/img/portfolio/{{ post.img }}" class="img-responsive" alt="{{ post.alt }}">