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

【问题标题】：Jekyll Blog Not Displaying Properly After Pointing to Custom DomainJekyll 博客在指向自定义域后无法正确显示
【发布时间】：2016-10-05 23:01:18
【问题描述】：

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

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

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

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

博客的github仓库是：

我添加的自定义域是：

johnwolfe.tech

原来的github链接是：

jwolfe890.github.io/johns_tech_blog/

非常感谢您的洞察力！

【问题讨论】：

【解决方案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。

【讨论】：

【解决方案2】：

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

baseurl: ""

以及您在 _includes/head.html 中调用 css 的方式：

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

奖励：默认情况下，允许的降价文件扩展名是 markdown、mkdown、mkdn、mkd、md。这就是为什么您的 _posts/2016-06-6-my-fascination-with-css.mdown 存在问题。

【讨论】：

即使使用 .markdown，从主页指向该帖子的链接仍然没有正确附加到 .css 样式表。我试过简单地进入博客文章并将正确的路径放入 /main.css 表，但除非我在浏览器中预览它，否则它没有任何区别。
编辑了我对 css 路径的回答。
baseurl: "" 不是 baseurl: "/"，因为它实际上在您的代码中。