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

Question

我到处寻找此问题的解决方案，但没有任何来源直接解决此问题。我通过 Github 设置了 Jekyll 博客:http://jwolfe890.github.io/johns_tech_blog/

我经历了设置 CNAME、购买域名、托管该域名并将其连接到 GITHUB 的过程。

但是，一旦我的主机 (namecheap) 和 Github 之间建立连接，该博客就会发布/重定向到我的自定义域 www.johnwolfe.tech，但是 css 格式和链接不再起作用。尽管如果我运行 jekyllserve 并通过该方法访问链接，它确实有效。

虽然一些消息来源已经讨论了这个问题，当它直接发生在 github 上时，我还没有找到任何消息来源来解决由于添加自定义域名而发生错误布局时的问题，所以我迷失了。

博客的 github 存储库是:

https://github.com/jwolfe890/johns_tech_blog

我添加的自定义域是:

约翰沃尔夫科技

原始的 github 链接是:

jwolfe890.github.io/johns_tech_blog/

非常感谢您的见解!

Answer 1

您必须更改 _config.yml 中的 baseurl。

baseurl: ""

以及您在_includes/head.html中调用CSS的方式:

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

奖励:默认情况下，允许的 Markdown 文件扩展名是 ma​​rkdown、mkdown、mkdn、mkd、md。这就是为什么您的 _posts/2016-06-6-my-fascination-with-css.mdown 出现问题。