I am working on making a more comfortable index page for my personal, hugo based notes. (Public version is here, content is private).
My main index page is now generated by the following template:
<!DOCTYPE html>
<html class="no-js" lang="en-US">
<head>
<title>{{ .Site.Title }}{{if ne 1 .Paginator.PageNumber}} - Back Catalog: {{ .Paginator.PageNumber }} {{end}}</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<link href="/index.xml" rel="alternate" type="application/rss+xml" title="{{ .Site.Title }}" />
{{ template "chrome/includes.html" . }}
</head>
<body>
<div class="container" id="main">
<div class="row">
<div class="col-md-3">
<h1>Next Steps</h1>
<ul>
{{ range where .Data.Pages.ByTitle "Params.tags" "intersect" (slice "next-steps") }}
{{ .Content }}
{{ end }}
</ul>
</div>
<div class="col-md-3">
<h1>Projects</h1>
<ul>
{{ range where .Data.Pages.ByTitle "Params.tags" "intersect" (slice "project") }}
<li><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
{{ end }}
</ul>
</div>
<div class="col-md-3">
<h1>Reference</h1>
<ul>
{{ range where .Data.Pages.ByTitle "Params.tags" "intersect" (slice "reference") }}
<li><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
{{ end }}
</ul>
</div>
<div class="col-md-3">
<h1>Incubation</h1>
<ul>
{{ range where .Data.Pages.ByTitle "Params.tags" "intersect" (slice "incubation") }}
<li><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
{{ end }}
</ul>
</div>
</div>
</div>
{{ template "chrome/footer.html" }}
The main oddity is that if I edit the one page that has the next-steps
tag (notice that section actually shows the content), the content on the index doesn’t update in the live-view mode or whatever it’s called. Is this a bug? Should I report it or what?