在 Node.js + nginx 应用程序的子域中为 Jekyll Blog 使用相同的样式

Question

我对使用 nginx 和服务器配置还很陌生。

所以我的个人网站是一个使用 nginx 作为反向代理的 Node 应用程序。我想在 website.com/blog 中设置一个 Jekyll 博客作为我网站的子域。我刚刚通过将 index.html 文件添加到 /var/www/blog 并修改我的 sites-enabled/defaults 来处理 /blog 路由来为简单的静态 html 'Hello World' 页面提供服务通过做：

location ^~ /blog {
    root /var/www/;
    index index.html index.htm;
}

至于我的下一步，我有点不知道该做什么。对于 Jekyll，我可能会像 tutorial 所说的那样设置 git 挂钩，但问题是我想保持页面样式与我在 [=29= 上的网站运行相同].

我想知道是否有办法 - 也许在配置文件或其他东西中 - 进行设置，以便 Jekyll 使用与我的节点应用程序相同的样式表，以便页面具有统一的外观？

我的节点应用程序是我服务器的根目录，/blog 端点的静态页面在 /var/www/blog/index.html 文件中。

Answer 1

根据我从你的设置中了解到的情况，我猜想：

website.com 在 网站提供样式表。com/style.css,
您的 jekyll 博客是全新安装的，配置有 baseurl: /blog

因此，当您访问 网站时。com/blog/，您的 css 是 404，因为您的博客页面正在 website.com/blog/styles.css 而不是 website.com/style.css.

为了解决这个问题，您可以在您的博客 _includes/head.html 中更改：

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

至

<link rel="stylesheet" href="/style.css">

您的 css 现在将被请求为 网站。com/style.css.

在 Node.js + nginx 应用程序的子域中为 Jekyll Blog 使用相同的样式

Using the same styles for Jekyll Blog in subdomain of Node.js + nginx app

nginx

jekyll

node.js