-
Notifications
You must be signed in to change notification settings - Fork 0
/
contentlayer.config.js
116 lines (111 loc) · 2.79 KB
/
contentlayer.config.js
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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
import rehypePrism from "@mapbox/rehype-prism";
import { defineDocumentType, makeSource } from "contentlayer/source-files";
import rehypeAutoLinkHeadings from "rehype-autolink-headings";
import rehypeCodeTitles from "rehype-code-titles";
import rehypeSlug from "rehype-slug";
import remarkGfm from "remark-gfm";
import { getSlugFromPath } from "./lib/posts";
/** @type {import('contentlayer/source-files').ComputedFields} */
const computedFields = {
slug: {
type: "string",
resolve: (doc) => getSlugFromPath(doc._raw.flattenedPath),
},
url_path: {
type: "string",
resolve: (doc) => `/posts/${getSlugFromPath(doc._raw.flattenedPath)}`,
},
structuredData: {
type: "object",
resolve: (doc) => {
const url = process.env.BASE_URL || "https://www.omin.dev";
// FIXME: Some reason, tags is not array at resolve function.
// https://github.com/contentlayerdev/contentlayer/issues/150
const keywords =
doc.tags?._array?.map((tag) => tag.replace(/-/g, " ")) || [];
const author = {
"@type": "Person",
name: "Minseok Oh",
};
const slug = getSlugFromPath(doc._raw.flattenedPath);
return {
"@context": "https://schema.org",
"@type": "BlogPosting",
"@id": `${url}/posts/${slug}`,
headline: doc.title,
description: doc.description || "",
datePublished: doc.publishedAt,
dateModified: doc.publishedAt,
// TODO: Change Image URL
author,
url: `${url}/posts/${slug}`,
image: doc.image ? url + doc.image : `${url}/placeholder.png`,
isPartOf: {
"@type": "Blog",
"@id": url,
name: "OMIN's Blog",
author,
},
keywords,
};
},
},
};
export const Post = defineDocumentType(() => ({
name: "Post",
filePathPattern: `**/*.mdx`,
contentType: "mdx",
fields: {
title: {
type: "string",
required: true,
},
publishedAt: {
type: "string",
required: true,
},
category: {
type: "string",
required: true,
},
image: {
type: "string",
description: "The image with local path. Use for SEO, thumbnail, etc.",
},
description: {
type: "string",
},
tags: {
type: "list",
of: { type: "string" },
},
series: {
type: "string",
},
draft: {
type: "boolean",
},
},
computedFields,
}));
export default makeSource({
contentDirPath: "./posts",
documentTypes: [Post],
mdx: {
remarkPlugins: [remarkGfm],
rehypePlugins: [
rehypeCodeTitles,
rehypePrism,
rehypeSlug,
[
rehypeAutoLinkHeadings,
{
behavior: "wrap",
properties: {
className: "heading-anchor",
},
},
],
],
},
});