l/twilight
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

add title function so the builder is happy

Browse source
This commit is contained in:
Lio 2023-05-27 12:47:50 +02:00
parent 9540cab4bb
commit df6217cf34
2 changed files with 11 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/blog/social-media.md
View file

@ -1,5 +1,5 @@
--- ---
title: "[Rant] Social Media is tiring" title: "[Rant-ish] Social Media is tiring"
date: [2023, 05, 27] date: [2023, 05, 27]
# hidden: true # hidden: true
--- ---

18
src/pages/blog/[...slug].tsx
View file

@ -11,15 +11,20 @@ import Link from "@/components/Link";
import Image from "@/components/Image"; import Image from "@/components/Image";
import Head from "next/head"; import Head from "next/head";
import matter from "gray-matter"; import matter from "gray-matter";
import getFrontmatter from "@/lib/getFrontmatter";
// import post from ""
const Post = (props: { post: string, slug: string, matter: any }) => { const Post = (props: { post: string, slug: string, matter: any }) => {
// console.log(props.matter) function title() {
if(!props.matter) return `lio's blog`
else return `${props.matter.title} | lio's blog`
}
return ( return (
<RenderWithoutJS> <RenderWithoutJS>
<main id={index.layout}> <main id={index.layout}>
<Head> <Head>
<title>{props.matter.title} | lio's blog</title> <title>{title()}</title>
</Head> </Head>
<Sidebar /> <Sidebar />
<section id={index.main}> <section id={index.main}>
@ -47,13 +52,11 @@ const Post = (props: { post: string, slug: string, matter: any }) => {
export default Post export default Post
export async function getStaticProps(context: any) { export async function getStaticProps(context: any) {
let post = await remark() let post = matter(await (await read(`${listFiles('./src/blog').find(file => file.includes(context.params.slug))}`)).value)
.use(remarkFrontmatter)
.process(await read(`${listFiles('./src/blog').find(file => file.includes(context.params.slug))}`))
return { return {
props: { props: {
post: (post.value as string).replace(/^(---)\n*([a-zA-Z0-9\/\#[\]\"_:,\-\s*]*)(---)$/mi, ""), post: (post.content as string).replace(/^(---)\n*([a-zA-Z0-9\/\#[\]\"_:,\-\s*]*)(---)$/mi, ""),
matter: matter(post.value).data, matter: post.data,
slug: context.params.slug slug: context.params.slug
} }
} }
@ -63,7 +66,6 @@ export async function getStaticProps(context: any) {
export async function getStaticPaths() { export async function getStaticPaths() {
let path = './src/blog' let path = './src/blog'
let paths = listFiles(path).map(file => file.replace(path, "/blog").replace(/.mdx?/gmi, '')) let paths = listFiles(path).map(file => file.replace(path, "/blog").replace(/.mdx?/gmi, ''))
// console.log(paths)
return { return {
paths, paths,
fallback: true fallback: true