使用 Bootstrap 设计 Jekyll 网站

Question

我正在尝试使用 Jekyll 和 GitHub Pages（初学者）建立一个网站，最重要的是，使用 Bootstrap 设置它的样式。

你可以检查我已经做了什么：

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

另外，我跟着this tutorial 将Bootstrap 导入到Jekyll 结构中。

布局和包含似乎工作得很好，但我不明白为什么我的 index.html 没有得到应有的“样式”，将信息提取到 css/style.css 文件中。

知道我做错了什么吗？

谢谢。

Answer 1

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

“加载资源失败：服务器响应状态为 404（未找到）-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。