Created
August 14, 2017 22:08
-
-
Save xeoncross/203d8b1459463a153a3c734c98b342a9 to your computer and use it in GitHub Desktop.
Different ways to show hugo (gohugo) post-list, posts by tags, posts by subject, nested posts, etc...
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{{ partial "head.html" . }} | |
<body> | |
{{ partial "nav.html" . }} | |
<main> | |
<article id="content"> | |
<!-- <pre>{{ printf "%#v" . }}</pre> --> | |
<pre>LIST TITLE: {{ .Title }}</pre> | |
<hr> | |
<h1>Test 1: .Data.Pages.GroupBy "Section"</h1> | |
<!-- Groups content according to content section.--> | |
{{ range $s := .Data.Pages.GroupBy "Section" }} | |
<!-- <pre>{{ printf "%#v" . }}</pre> --> | |
<!-- Checks for existence of _index.md for a section; if available, pulls from "title" in front matter --> | |
{{ with $.Site.GetPage "section" .Key }} | |
<h3>{{.Title}}</h3> | |
{{ else }} | |
<!-- If no _index.md is available, ".Key" defaults to the section title and filters to title casing --> | |
<h3>{{ .Key | title }}</h3> | |
{{ end }} | |
<ul> | |
{{ range $s.Pages }} | |
<li> | |
<a href="{{ .Permalink }}">{{ .Title }}</a> | |
<div class="meta">{{ .Date.Format "Mon, Jan 2, 2006" }}</div> | |
</li> | |
{{ end }} | |
</ul> | |
{{ end }} | |
<hr> | |
<h1>range $.Site.Home.Sections</h1> | |
{{ range $.Site.Home.Sections }} | |
{{ if .Section }} | |
<h3>Section: {{ .Title }}</h3> | |
<p>{{ .Content }}</p> | |
{{ range .Pages }} | |
<h4>Section Page: {{ .Title }}</h4> | |
{{ end }} | |
{{ range .Sections }} | |
<h2>Subsection: {{ .Title }}</h2> | |
<!-- {{ .Content }} --> | |
{{ range .Pages }} | |
<!-- this <div> includes the title summary --> | |
<div> | |
<h4><a href="{{ .RelPermalink }}">{{ .Title }}</a></h4> | |
<p> | |
{{ .Summary }} | |
{{ if .Truncated }} | |
<!-- This <div> includes a read more link, but only if the summary is truncated... --> | |
<!-- <a href="{{ .RelPermalink }}">Read More…</a> --> | |
{{ end }} | |
</p> | |
</div> | |
{{ end }} | |
{{ end }} | |
{{ end}} | |
{{ end }} | |
<hr> | |
<h1>range .Pages</h1> | |
{{ range .Sections }} | |
<h3>Page: {{ .Title }}</h3> | |
<p>{{ .Summary }}</p> | |
{{ range .Pages }} | |
<h4>Section Page: {{ .Title }}</h4> | |
{{ end }} | |
{{ range .Sections }} | |
<h2>Subsection: {{ .Title }}</h2> | |
<!-- {{ .Content }} --> | |
{{ range .Pages }} | |
<!-- this <div> includes the title summary --> | |
<div> | |
<h4><a href="{{ .RelPermalink }}">{{ .Title }}</a></h4> | |
<p> | |
{{ .Summary }} | |
{{ if .Truncated }} | |
<!-- This <div> includes a read more link, but only if the summary is truncated... --> | |
<!-- <a href="{{ .RelPermalink }}">Read More…</a> --> | |
{{ end }} | |
</p> | |
</div> | |
{{ end }} | |
{{ end }} | |
{{ end}} | |
<hr> | |
<h1>Test Sections</h1> | |
<ul> | |
{{ range $.Site.Home.Sections }} | |
<li>Section: {{ .Title }} | |
<ul> | |
{{ range .Pages }} | |
<li>Section Page: {{ .Title }}</li> | |
{{ end }} | |
</ul> | |
</li> | |
{{ end }} | |
</ul> | |
<hr> | |
<h1>Test 2</h1> | |
<ul> | |
<!-- Ranges through content/post/*.md --> | |
{{ range .Data.Pages }} | |
<li> | |
<a href="{{.Permalink}}">{{.Date.Format "2006-01-02"}} | {{.Title}}</a> | |
<ul> | |
<!-- Ranges through content/post/*.md --> | |
{{ range .Data.Pages }} | |
<li> | |
<a href="{{.Permalink}}">{{.Date.Format "2006-01-02"}} | {{.Title}}</a> | |
<ul> | |
<!-- Ranges through content/post/*.md --> | |
{{ range .Data.Pages }} | |
<li> | |
<a href="{{.Permalink}}">{{.Date.Format "2006-01-02"}} | {{.Title}}</a> | |
</li> | |
{{ end }} | |
</ul> | |
</li> | |
{{ end }} | |
</ul> | |
</li> | |
{{ end }} | |
</ul> | |
<h1>Test 3: Tags template</h1> | |
<h3>Article Topics</h3> | |
<ul class="tags"> | |
{{ range $name, $taxonomy := .Site.Taxonomies.tags }} | |
<li><a style="text-transform: capitalize" href="#{{ $name | urlize}}">{{ $name }}</a> | |
<!-- <span>({{ len $taxonomy }})</span> --> | |
</li> | |
{{ end }} | |
</ul> | |
<br><br><hr> | |
<div class="page-tags" id="tags"> | |
{{ range $name, $taxonomy := .Site.Taxonomies.tags }} | |
<h3 style="text-transform: capitalize" id="{{ $name | urlize }}">{{ $name }}</h3> | |
{{ range $taxonomy }} | |
<h4><a href="{{ .Permalink }}">{{ .Title }}</a></h4> | |
<p>{{ .Description }}</p> | |
{{ end }} | |
{{ end }} | |
</div> | |
{{ partial "footer.html" . }} | |
</article> | |
</main> | |
{{ partial "js.html" . }} | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment