1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
|
import { globalFooter } from "../components/global_footer.ts";
import { globalHeader } from "../components/global_header.ts";
import { pageLayout } from "../components/page_layout.ts";
import { Config } from "../config.ts";
import { el, text } from "../dom.ts";
import { Page } from "../page.ts";
import { TagPage } from "./tag.ts";
export type TagListPage = Page;
export async function generateTagListPage(
tags: TagPage[],
config: Config,
): Promise<TagListPage> {
const pageTitle = "タグ一覧";
const body = el(
"body",
[["class", "list"]],
globalHeader(config),
el(
"main",
[["class", "main"]],
el(
"header",
[["class", "page-header"]],
el(
"h1",
[],
text(pageTitle),
),
),
...Array.from(tags).sort((a, b) => {
const ta = a.tagSlug;
const tb = b.tagSlug;
if (ta < tb) return -1;
if (ta > tb) return 1;
return 0;
}).map((tag) =>
el(
"article",
[["class", "post-entry"]],
el(
"a",
[["href", tag.href]],
el(
"header",
[["class", "entry-header"]],
el("h2", [], text(tag.tagLabel)),
),
),
)
),
),
globalFooter(config),
);
const html = await pageLayout(
{
metaCopyrightYear: config.blog.siteCopyrightYear,
metaDescription: "タグの一覧",
metaKeywords: [],
metaTitle: `${pageTitle} | ${config.blog.siteName}`,
requiresSyntaxHighlight: false,
},
body,
config,
);
return {
root: el("__root__", [], html),
renderer: "html",
destFilePath: "/tags/index.html",
href: "/tags/",
};
}
|
