使用 Nginx 添加 SSL 证书后 Hugo 站点 CSS 未加载

Question

https://www.greenhousemarketplace.com

在新安装 certbot 并强制 HTTPS 重定向后，我的 CSS 和 JS 不再加载，即使它可以通过直接 URL 访问。

我不知道为什么，我已经更新了指向 CSS 和 JS 文件的链接，并将我的 config.toml 设置为包含 https 前缀。

启用站点/ghm-landing-page

server {
        root /var/www/ghm-landing-page/public/;

        index index.html index.htm index.nginx-debian.html;

        server_name greenhousemarketplace.com;

        location / {
                # First attempt to serve request as file, then
                # as directory, then fall back to displaying a 404.
                try_files $uri $uri/ =404;
        }

    listen [::]:443 ssl ipv6only=on; # managed by Certbot
    listen 443 ssl; # managed by Certbot
    ssl_certificate /etc/letsencrypt/live/greenhousemarketplace.com/fullchain.pem; # managed by Certbot
    ssl_certificate_key /etc/letsencrypt/live/greenhousemarketplace.com/privkey.pem; # managed by Certbot
    include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
    ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot

}


server {
    if ($host = greenhousemarketplace.com) {
        return 301 https://$host$request_uri;
    } # managed by Certbot


        listen 80 default_server;
        listen [::]:80 default_server;

        server_name greenhousemarketplace.com;
    return 404; # managed by Certbot

config.toml

# Site settings
baseurl = "https://www.greenhousemarketplace.com/"
languageCode = "en-us"
title = "Greenhouse Marketplace"
theme = "hugo-highlights-theme"

Answer 1

Javascript 未加载，因为您正在加载混合内容。 页面底部的脚本标签应使用 https:// 方案。

由于SSL_ERROR_BAD_CERT_DOMAIN 错误，CSS 未加载。您在www. 上加载了内容，这是一个未在您的证书上列出的域。 使用您的证书颁发者，请务必同时添加 www.和非万维网。您的域的域。