首页 > 解决方案 > Jekyll 帖子格式在本地正确显示,但在互联网上不正确

问题描述

当我在本地运行我的网站时,它看起来像这样:在此处输入图像描述

但是,当实际在互联网上查看它时,它并没有应用在我看来的 CSS:在此处输入图像描述

有人对它为什么会这样做有建议吗?

更新

我想我知道哪里出了问题,尽管我不知道为什么。在 head.html 文件中,我有一行 link rel="stylesheet" href="{{ site.baseurl }}public/css/poole.css"

在我的 ubuntu 实例上运行的本地 Jekyll 服务器上,当查看页面源时,head.html 中的上述行被翻译为: <link rel="stylesheet" href="/public/css/poole.css">

而当我在线查找该站点时,相同的字符串被翻译为: <link rel="stylesheet" href="public/css/poole.css">

缺少斜杠会导致链接在当前路径而不是根路径中搜索。我试图弄清楚为什么在互联网上运行时不包含斜线。

标签: jekyll

解决方案


  1. _config.yml更改baseurl: /baseurl: ''

  2. 调用你的资产{{ site.baseurl }}/path/to/file

在您的代码中是:

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

或在jekyll minima中:

<link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">


推荐阅读