我有一个GitHub托管https://waltershub.github.io,回购邮件是https://github.com/waltershub/waltershub.github.io
它在本地使用所有资产和css正确构建,但在托管版本上没有显示
控制台中的错误是 [错误]无法加载资源:服务器响应状态为404(HTTP / 2.0 404)(font-awesome.css,第0行) [错误]无法加载资源:服务器响应状态为404(HTTP / 2.0 404)(dark.css,第0行) [错误]无法加载资源:服务器响应状态为404(HTTP / 2.0 404)(function.js,第0行) [错误]无法加载资源:服务器响应状态为404(HTTP / 2.0 404)(walt.jpg,第0行) [错误]无法加载资源:服务器响应状态为404(HTTP / 2.0 404)(walt.jpg,第0行)
我已经验证了YAML并且很好
答案 0 :(得分:0)
在_config.yml
中,您使用的是webpage
的基础:
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 %}">
将正确生成以下网址:
<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">