杰基尔GitHub的网页页面没有加载资产
问题描述:
我有一个GitHub的托管https://waltershub.github.io回购是https://github.com/waltershub/waltershub.github.io杰基尔GitHub的网页页面没有加载资产
它正确构建地方规定的所有资产和CSS,但对托管版本没有它的显示
在控制台中的错误是 [错误]无法加载资源:服务器响应状态为404(HTTP/2.0 404)(font-awesome.css,第0行) [错误]无法加载资源:服务器响应的状态为404(HTTP/2.0 404)(dark.css,line 0) [错误]无法加载资源:服务器响应状态为404(HTTP/2.0 404)(func tion.js,line 0) [Error]加载资源失败:服务器响应状态为404(HTTP/2.0 404)(walt.jpg,line 0) [Error]加载资源失败:服务器响应与404(HTTP/2.0 404)(walt.jpg,线0)
状态我已经验证了YAML,这是良好的
答
在_config.yml
您使用的webpage
一个baseURL时:
baseurl: "/webpage" # the subpath of your site, e.g. /blog
根据您的设置应该是''
:
baseurl: ""
然后一部分负荷资产:
<link rel="stylesheet" href="{{ "/assets/fonts/font-awesome/css/font-awesome.css" | prepend: site.baseurl }}">
<link rel="stylesheet" href="{{site.baseurl}}/assets/stylesheets/{% if site.blog_theme == "light" %}light.css{% else %}dark.css{% endif %}">
将正常产生这样的URL:
<link rel="stylesheet" href="/assets/fonts/font-awesome/css/font-awesome.css">
<link rel="stylesheet" href="/assets/stylesheets/dark.css">
,而不是错误:
<link rel="stylesheet" href="/webpage/assets/fonts/font-awesome/css/font-awesome.css">
<link rel="stylesheet" href="/webpage/assets/stylesheets/dark.css">