Add year index pages

This commit is contained in:
Shadowfacts 2020-01-27 19:31:59 -05:00
parent b796480112
commit d39bfded01
Signed by: shadowfacts
GPG Key ID: 94A5AB95422746E5
10 changed files with 84 additions and 79 deletions

View File

@ -1,7 +1,7 @@
import { Page, PostMetadata } from "../metadata";
import generatePaginated from "./paginated";
export default async function homepage(posts: Page[]): Promise<Map<string, Page[]>> {
export default async function(posts: Page[]): Promise<Map<string, Page[]>> {
const categories = new Map<string, Page[]>();
for (const post of posts) {
@ -12,8 +12,8 @@ export default async function homepage(posts: Page[]): Promise<Map<string, Page[
categories.get(category)!.push(post);
}
categories.forEach(async (categoryPosts, category) => {
await generatePaginated(categoryPosts, `/${category}/`, "site/category.html.ejs", {
categories.forEach((categoryPosts, category) => {
generatePaginated(categoryPosts, `/${category}/`, "site/category.html.ejs", {
category
}, {
title: `${category} posts`

View File

@ -6,6 +6,7 @@ import homepage from "./homepage";
import posts from "./posts";
import rss from "./rss";
import tutorials from "./tutorials";
import years from "./years";
export = {
categories,
@ -15,5 +16,6 @@ export = {
homepage,
posts,
rss,
tutorials
tutorials,
years,
};

View File

@ -4,7 +4,7 @@ import * as metadata from "../metadata";
import { Page, PostMetadata } from "../metadata";
import layout from "../layout";
export default async function generatePaginted(posts: Page[], basePath: string, templatePath: string, extraData?: object, extraMetadata?: object) {
export default async function generatePaginated(posts: Page[], basePath: string, templatePath: string, extraData?: object, extraMetadata?: object) {
const page = await metadata.get(templatePath);
if (extraMetadata) page.metadata = {...page.metadata, ...extraMetadata};

22
lib/generate/years.ts Normal file
View File

@ -0,0 +1,22 @@
import {Page, PostMetadata} from "../metadata";
import generatePaginated from "./paginated";
export default async function(posts: Page[]) {
const years = new Map<number, Page[]>();
for (const post of posts) {
const year = (<Date>(<PostMetadata>post.metadata).date).getFullYear();
if (!years.has(year)) {
years.set(year, []);
}
years.get(year)!.push(post)
}
years.forEach((yearPosts, year) => {
generatePaginated(yearPosts, `/${year}/`, "site/year.html.ejs", {
year
}, {
title: `Posts from ${year}`
});
});
}

View File

@ -20,6 +20,7 @@ async function generate(): Promise<Page[]> {
const posts = await generators.posts();
generators.homepage(posts);
generators.years(posts);
const categories = await generators.categories(posts);
await generators.rss(posts, categories, tutorials);

View File

@ -9,43 +9,8 @@ metadata.layout = "default.html.ejs"
</p>
<% for (const post of posts) { %>
<article itemscope itemtype="https://schema.org/BlogPosting">
<h2 class="article-title" itemprop="headline">
<a href="<%= post.metadata.permalink %>" itemprop="url mainEntityOfPage">
<%= post.metadata.title %>
</a>
</h2>
<%- include("includes/article-meta.html.ejs", { metadata: post.metadata }) %>
<div class="article-content" itemprop="description">
<%- post.metadata.excerpt %>
</div>
<p class="read-more-link">
<a href="<%= post.metadata.permalink %>">Read more...</a>
</p>
</article>
<%- include("includes/article-listing.html.ejs", { post }) %>
<% } %>
</div>
<div class="pagination">
<p>
<span class="pagination-link">
<% if (pagination.prevLink) { %>
<a href="<%= pagination.prevLink %>">
<span class="arrow-left"></span> Previous
</a>
<% } else { %>
<span class="arrow-left"></span> Previous
<% } %>
</span>
Page <%= pagination.current %> of <%= pagination.total %>
<span class="pagination-link">
<% if (pagination.nextLink) { %>
<a href="<%= pagination.nextLink %>">
Next <span class="arrow-right"></span>
</a>
<% } else { %>
Next <span class="arrow-right"></span>
<% } %>
</span>
</p>
</div>
<%- include("includes/pagination.html.ejs", { pagination }) %>

View File

@ -0,0 +1,14 @@
<article itemscope itemtype="https://schema.org/BlogPosting">
<h2 class="article-title" itemprop="headline">
<a href="<%= post.metadata.permalink %>" itemprop="url mainEntityOfPage">
<%= post.metadata.title %>
</a>
</h2>
<%- include("article-meta.html.ejs", { metadata: post.metadata }) %>
<div class="article-content" itemprop="description">
<%- post.metadata.excerpt %>
</div>
<p class="read-more-link">
<a href="<%= post.metadata.permalink%>">Read more...</a>
</p>
</article>

View File

@ -0,0 +1,23 @@
<div class="pagination" role="navigation">
<p>
<span class="pagination-link">
<% if (pagination.prevLink) { %>
<a href="<%= pagination.prevLink %>">
<span class="arrow arrow-left" aria-hidden="true"></span> <span>Previous</span>
</a>
<% } else { %>
<span class="arrow arrow-left" aria-hidden="true"></span> <span>Previous</span>
<% } %>
</span>
Page <%= pagination.current %> of <%= pagination.total %>
<span class="pagination-link">
<% if (pagination.nextLink) { %>
<a href="<%= pagination.nextLink %>">
<span>Next</span> <span class="arrow arrow-right" aria-hidden="true"></span>
</a>
<% } else { %>
<span>Next</span> <span class="arrow arrow-right" aria-hidden="true"></span>
<% } %>
</span>
</p>
</div>

View File

@ -5,43 +5,8 @@ metadata.layout = "default.html.ejs"
<div class="main">
<% for (const post of posts) { %>
<article itemscope itemtype="https://schema.org/BlogPosting">
<h1 class="article-title" itemprop="headline">
<a href="<%= post.metadata.permalink %>" itemprop="url mainEntityOfPage">
<%= post.metadata.title %>
</a>
</h1>
<%- include("includes/article-meta.html.ejs", { metadata: post.metadata }) %>
<div class="article-content" itemprop="description">
<%- post.metadata.excerpt %>
</div>
<p class="read-more-link">
<a href="<%= post.metadata.permalink %>">Read more...</a>
</p>
</article>
<%- include("includes/article-listing.html.ejs", { post }) %>
<% } %>
</div>
<div class="pagination" role="navigation">
<p>
<span class="pagination-link">
<% if (pagination.prevLink) { %>
<a href="<%= pagination.prevLink %>">
<span class="arrow arrow-left" aria-hidden="true"></span> <span>Previous</span>
</a>
<% } else { %>
<span class="arrow arrow-left" aria-hidden="true"></span> <span>Previous</span>
<% } %>
</span>
Page <%= pagination.current %> of <%= pagination.total %>
<span class="pagination-link">
<% if (pagination.nextLink) { %>
<a href="<%= pagination.nextLink %>">
<span>Next</span> <span class="arrow arrow-right" aria-hidden="true"></span>
</a>
<% } else { %>
<span>Next</span> <span class="arrow arrow-right" aria-hidden="true"></span>
<% } %>
</span>
</p>
</div>
<%- include("includes/pagination.html.ejs", { pagination }) %>

13
site/year.html.ejs Normal file
View File

@ -0,0 +1,13 @@
```
metadata.layout = "default.html.ejs"
```
<div class="main">
<h1 class="page-heading">Posts from <%= year %></h1>
<% for (const post of posts) { %>
<%- include("includes/article-listing.html.ejs", { post }) %>
<% } %>
</div>
<%- include("includes/pagination.html.ejs", { pagination }) %>