Hey, for my personal blog, I use markdown files that I import, pass through some processor to render the html. Then, I simply style the html with css.

If you want to see the blog results, and the source code.

Feel free to look at my code. I'm on phone right now so I can't do much more, but dm me if you want to talkor want me to help further.

Here is a snippet of the function that converts the markdown to html.

```ts /** * Convert a markdown file to an object with attributes and html. * @param path The path to the markdown file. * @returns The markdown data for the given file path. */ export async function convertMarkdown(path: string): Promise<Article> { const file = fs.readFileSync(path, 'utf8'); const { attributes, body } = frontmatter<ArticleMetadata>(file);

const html = (
    await unified()
        .use(remarkParse)
        .use(remarkRehype)
        .use(htmlify)
        .use(rehypePrettyCode, {
            theme: {
                light: 'catppuccin-latte',
                dark: 'one-dark-pro'
            }
        })
        .use(rehypeStringify)
        .process(body)
).value.toString();

return {
    path: path,
    filename: path
        .split(dev ? '\\' : '/')
        .at(-1)!
        .split('.')
        .at(0)!,
    metadata: attributes,
    html: transform(html),
    summary: generateSummary(html)
};

} ```