所以我在我的机器和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
解决方法
这意味着当您在/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 }}">