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

Question

我到处搜索这个问题的解决方案，但没有任何来源直接解决这个问题。我通过 Github 在 http://jwolfe890.github.io/johns_tech_blog/

设置了一个 Jekyll 博客

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

但是，在我的主机 (namecheap) 和 Github 之间建立连接后，博客 published/redirected 到我的自定义域 www.johnwolfe.tech 但是 css 格式links 不再有效。尽管如果我运行 jekyll 通过该方法服务和访问 link 它确实有效。

虽然一些来源已经讨论了直接与 github 一起出现的这个问题，但我还没有找到任何来源来解决由于添加自定义域名而导致布局错误的问题，所以我迷路了.

博客的 github 存储库是：

我添加的自定义域是：

johnwolfe.tech

原来的githublink是：

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 文件扩展名是 markdown、mkdown、mkdn、mkd、md。这就是为什么你的 _posts/2016-06-6-my-fascination-with-css.mdown 有问题。

Answer 2

将 _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。

Jekyll Blog Not Displaying Properly After Pointing to Custom Domain