Open
Description
I'm probably too stupid to figure this out but my content is not being shown in index.html.
This is what my built index file looks like:
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<!-- Enable responsiveness on mobile devices-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
<title>Night Terrors</title>
<!-- CSS -->
<link rel="stylesheet" href="http://127.0.0.1:1111/print.css" media="print">
<link rel="stylesheet" href="http://127.0.0.1:1111/poole.css">
<link rel="stylesheet" href="http://127.0.0.1:1111/hyde.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700|Abril+Fatface">
<link rel="alternate" type="application/rss+xml" title="RSS" href="http://127.0.0.1:1111/rss.xml">
</head>
<body class="theme-base-sb ">
<div class="sidebar">
<div class="container sidebar-sticky">
<div class="sidebar-about">
<a href="http://127.0.0.1:1111"><h1>Blog title</h1></a>
<p class="lead">Blog description</p>
</div>
<ul class="sidebar-nav">
<li class="sidebar-nav-item"><a href="/">Home</a></li>
<li class="sidebar-nav-item"><a href="/about">About</a></li>
<li class="sidebar-nav-item"><a href="https://twitter.com">Twitter</a></li>
<li class="sidebar-nav-item"><a href="https://t.me/telegram">Telegram channel</a></li>
</ul>
</div>
</div>
<div class="content container">
<div class="posts">
</div>
</div>
<script src="/livereload.js?port=1024&mindelay=10"></script></body>
</html>
As you can see, the posts container doesn't show anything. I have:
- Compared them to this repo's example posts, which only feature the
title
anddate
in their front-matter - Checked that my posts don't have a
draft = true
setting - Set the
_index.md
withtemplate = "index.html"
manually - Set each post with
template = "page.html"
manually - Copied the templates from the theme to the main template folder (which I don't think it's necessary, still didn't work)
- Checked the post pages manually and they load correctly
Finally, the zola serve
command acts like nothing is happening, it only warns me if I don't set the front-matter correctly.
This theme doesn't support sections (which the README file doesn't specify, by the way) and what is bugging me but I'm not sure is the root cause for this is that the index.html
template have this {% for page in section.pages | reverse %}
thing but, again, the theme doesn't support sections, so am I onto something or am I interpreting this wrong?
<div class="content container">
{% block content %}
<div class="posts">
{% for page in section.pages | reverse %}
<div class="post">
<h1 class="post-title">
<a href="{{ page.permalink }}">
{{ page.title }}
</a>
</h1>
<span class="post-date">{{ page.date | date(format="%Y-%m-%d") }}</span>
</div>
{% endfor %}
</div>
{% endblock content %}
</div>
Metadata
Metadata
Assignees
Labels
No labels