twitter-bootstrap – 样式表不适用于Jekyll主题Freelancer引导程序

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – 样式表不适用于Jekyll主题Freelancer引导程序前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的个人博客已有一个username.github.io存储库,现在我的目标是使用我发现的完全不同的主题创建另一个github托管的jekyll页面.这是我正在使用的主题链接https://github.com/jeromelachaud/freelancer-theme

所以我在我的机器和github上创建了一个新的存储库,将本地存储库连接到远程github,创建了一个孤立的gh-pages分支,然后将自由职业者主题分叉并将其克隆到我创建的新存储库的文件夹中而在gh-pages分支上.我使用命令将所有文件(我认为除了git init)移动到新存储库的父文件夹中.我删除了freelancer-theme fork文件夹并使用gem install jekyll安装了最新版本的Jekyll.然后我运行jekyll服务,该网站在我的机器上完美呈现.做了一些修改,仍然可以通过新的修改得到改善.在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

解决方法

由于您的github页面站点是项目站点,因此其默认URL看起来像user.github.io/projectrepository.

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

缺少/ projectrepository部分,这就是为什么必须在_config.yml中使用baseurl参数的原因

在您的情况下,您只需添加

baseurl: /mybrotheriswrong

在你的_config.yml中.

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

这也将解决你的问题.

如果您计划在不同的级别(如/ index.html)上使用页面,或者像某些文件夹一样使用post的永久链接,那么您还应该在图像上使用site.baseurl

<img src="{{ site.baseurl }}/img/portfolio/{{ post.img }}" class="img-responsive" alt="{{ post.alt }}">
原文链接:https://www.f2er.com/bootstrap/234152.html

猜你在找的Bootstrap相关文章