使用 Bootstrap 设计 Jekyll 网站

Question

我正在尝试使用 Jekyll 和 GitHub 页面（新手）建立一个网站，最重要的是，使用 Bootstrap.

设置样式

你可以看看我已经做了什么：

• GitHub 存储库：https://github.com/thibaudclement/wallaby
• GitHub 页面：http://thibaudclement.github.io/wallaby/（检查 gh-pages 分支）

此外，我按照this tutorial将Bootstrap导入到Jekyll结构中。

Layouts 和 includes 似乎工作得很好，但我不明白为什么我的 index.html 没有像它应该的那样得到 "styled"，将信息提取到 css/style。css 文件.

知道我做错了什么吗？

谢谢。

Answer 1

您的 css 文件路径不正确 - 如果您检查浏览器控制台，它不会加载

"Failed to load resource: the server responded with a status of 404 (Not Found) - http://thibaudclement.github.io/wallaby/style/site.css"

Answer 2

在_config.yml中需要设置baseurl: /wallaby.

并使用 {{ site.baseurl }} 加载资源，如下所示：

 <link href="{{ site.baseurl }}/css/style.css" media="screen" rel="stylesheet" type="text/css" />.

见Jekyll documentation。