Jekyll 帖子没有相应地使用布局
Jekyll posts aren't using layout accordingly
如“specifying layout for html posts in jekyll”中所述,当 Jekyll _posts
来自其 _layouts
时,它的行为应该与任何其他页面一样,但它对我来说不是这样的现在。
我正在开发 this static site 以托管在 Github 页面中,其他一切工作正常,但我的 post 不是。
我也查了“”关于Jekyll的错误_posts
,但是问题并没有解决
# _posts/2020-06-27-how-I-long-for-summer.md
---
layout: post
title: How I long for Summer
cover: /assets/img/jhonny.jpg
date: 2020-06-27 20:56:28 -0300
categories: text
---
# _layouts/post.html
---
layout: default
---
# layouts/default.html
<!DOCTYPE html>
<html lang="en">
{% include head.html %}
<body>
{% include navbar.html %}
{{ content }}
{%- include footer.html -%}
</body>
</html>
因此,即使所有常规页面都相应地使用 default
布局,我的 post 页面也呈现为原始页面,就好像我没有向它们声明任何布局一样。
我正在使用 minima
主题,但实际上我期望它没有任何效果,因为我覆盖了 post
布局。
# _config.yml
markdown: kramdown
theme: minima
permalink: :year/:month/:day/:title
我尽力了。有人知道我做错了什么吗?
您的所有 CSS 都使用相对路径而不是绝对路径,因此未正确获取。
在您的各种源代码文件中(head.html
、footer.html
等)。
assets/js/main.min.js
assets/js/theme.js
assets/css/main.min.css
assets/css/theme.css
assets/main.css // not available
应该是:
/assets/js/main.min.js
/assets/js/theme.js
/assets/css/main.min.css
/assets/css/theme.css
/assets/main.css // not available
另一个解决方案是使用 Liquid 的 relative_url
过滤器:
https://github.com/jekyll/minima/blob/master/_includes/head.html#L6
如“specifying layout for html posts in jekyll”中所述,当 Jekyll _posts
来自其 _layouts
时,它的行为应该与任何其他页面一样,但它对我来说不是这样的现在。
我正在开发 this static site 以托管在 Github 页面中,其他一切工作正常,但我的 post 不是。
我也查了“_posts
,但是问题并没有解决
# _posts/2020-06-27-how-I-long-for-summer.md
---
layout: post
title: How I long for Summer
cover: /assets/img/jhonny.jpg
date: 2020-06-27 20:56:28 -0300
categories: text
---
# _layouts/post.html
---
layout: default
---
# layouts/default.html
<!DOCTYPE html>
<html lang="en">
{% include head.html %}
<body>
{% include navbar.html %}
{{ content }}
{%- include footer.html -%}
</body>
</html>
因此,即使所有常规页面都相应地使用 default
布局,我的 post 页面也呈现为原始页面,就好像我没有向它们声明任何布局一样。
我正在使用 minima
主题,但实际上我期望它没有任何效果,因为我覆盖了 post
布局。
# _config.yml
markdown: kramdown
theme: minima
permalink: :year/:month/:day/:title
我尽力了。有人知道我做错了什么吗?
您的所有 CSS 都使用相对路径而不是绝对路径,因此未正确获取。
在您的各种源代码文件中(head.html
、footer.html
等)。
assets/js/main.min.js
assets/js/theme.js
assets/css/main.min.css
assets/css/theme.css
assets/main.css // not available
应该是:
/assets/js/main.min.js
/assets/js/theme.js
/assets/css/main.min.css
/assets/css/theme.css
/assets/main.css // not available
另一个解决方案是使用 Liquid 的 relative_url
过滤器:
https://github.com/jekyll/minima/blob/master/_includes/head.html#L6