为什么我的杰奇网站显示巨大的图标在Github页面

我产生与jekyll new simple-site
新杰基尔网站的网站看起来确定在本地主机。这是默认的，无论如何都会生成的虚拟网站。
我把它推到gh-pages分行回购。

现在该网站显示在github.io/下，但带有巨大的图标。为什么我的杰奇网站显示巨大的图标在Github页面

默认的jekyll生成站点中的github和twitter的svg图标跨越页面的整个宽度。他们应该是16px左右。

同样在顶部出现3个巨大的块。他们又是svg，应该是细线。

这里是我的网站：http://ananthp.github.io/carnatic_scores/
（回购：https://github.com/ananthp/carnatic_scores/tree/gh-pages）

HUGE svg icons in github pages jekyll site

来源

2014-09-13 ananth.p

由于你的网站是不是在域ananthp.github.io/的根，但在 “目录” carnatic_scores/，你必须在你的_config.yml文件中设置baseurl变量。

baseurl: '/carnatic_scores'

编辑：一些解释

在_includes/head.html你可以看到这一点：

<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">

这相当于

<link rel="stylesheet" href="{{ site.baseurl }}/css/main.css">

随着baseurl设置为“ “（默认）您的相对网址是/css/main.css，解析为http://ananthp.github.io/css/main.css通过您的浏览器= 404找不到。

随着baseurl设置为“/ carnatic_scores”你的相对URL是/carnatic_scores/css/main.css，这为http://ananthp.github.io/carnatic_scores/css/main.css您的浏览器=冷静的CSS解析！

这对所有资产（CSS，JS和图片）真：

<script src="{{ site.baseurl }}/path_to_scripts/script.js"></script> 

<img src="{{ site.baseurl }}/path_to_images/image.jpg"> 

or in markdown 

![Image alt]({{ site.baseurl }}/path_to_images/image.jpg)

来源

2014-09-13 08:07:13

修复它。那么，缺乏baseurl阻止了样式表加载？ – 2014-09-13 08:33:46

它防止加载所有资产。请参阅编辑。 – 2014-09-13 09:36:02

@DavidJacquel关于[this]的任何想法（http：// stackoverflow。com/q/34532476/2404470） – xameeramir 2015-12-30 15:54:45

大卫Jacquel的答案是正确的，但我想指出的是，具有杰基尔a page about how to properly setup your Jekyll site for github pages。在该网站上，他们具体说说修复（改变baseurl），但他们提到，你必须知道的太多的其他重要的事情预览您的网站

$ jekyll serve --baseurl ''

好运和幸福的博客！

来源

2015-01-15 16:13:51 KCE

为什么我的杰奇网站显示巨大的图标在Github页面

回答

相关问题