jekyll GitHub页面页面未加载资源

时间:2017-09-28 21:14:28

标签: jekyll assets github-pages jekyll-theme

我有一个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并且很好

1 个答案:

答案 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">