Jekyll博客指向自定义域后无法正确显示

时间:2016-06-06 10:59:59

标签: css layout github jekyll blogs

我到处寻找解决此问题的方法,但没有消息来源直接解决这个问题。我通过Github在http://jwolfe890.github.io/johns_tech_blog/

设置了一个Jekyll Blog设置

我经历了设置CNAME,购买域名以及托管并将此域名连接到GITHUB的过程。

但是,一旦我的主机(namecheap)和Github之间建立了连接,博客就被发布/重定向到我的自定义域www.johnwolfe.tech但是css格式和链接不再有效。虽然如果我运行jekyll服务并通过该方法访问链接,它确实有效。

虽然有些消息来源直接使用github讨论了这个问题,但由于添加了自定义域名,我找不到任何解决错误布局的来源,所以我输了。

博客的github存储库是:

https://github.com/jwolfe890/johns_tech_blog

我添加的自定义域名为:

johnwolfe.tech

最初的github链接是:

jwolfe890.github.io/johns_tech_blog /

非常感谢您的见解!

2 个答案:

答案 0 :(得分:1)

将_config.yml中的baseurl: ""更改为baseurl: "/"

head.html中的代码包括<link rel="stylesheet" href="{{ "css/main.css" | prepend: site.baseurl }}">

Jekyll将此代码呈现为<link rel="stylesheet" href="css/main.css">。该代码试图找到相对于页面的main.css。

添加/,呈现的代码为<link rel="stylesheet" href="/css/main.css">。这将尝试找到相对于站点根目录的main.css。

有关相对路径的更多信息 - http://www.motive.co.nz/glossary/linking.php

答案 1 :(得分:0)

您必须在 _config.yml 中更改baseurl

baseurl: ""

您在 _includes / head.html 中调用css的方式:

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

奖励:默认情况下,允许的降价文件扩展名为降价,mkdown,mkdn,mkd,md 。这就是为什么你的 _posts / 2016-06-6-my-fascination-with-css。 mdown 正在喋喋不休。