Overview:
The BlogMy personal blog.zhangyu.dev is built using Next.js v14 App Router and React Server Components. The styling is done with TailwindCSS. It utilizes @discublog/api for querying GitHub repository discussions and @mdx-js/mdx for rendering Markdown content. The theme can be deployed with Vercel and includes specific instructions for setting up discussions and modifying various elements in the theme.
Features:
- Built with Next.js v14 App Router and React Server Components
- Styling with TailwindCSS
- Integration with @discublog/api for querying GitHub repository discussions
- Rendering Markdown content with @mdx-js/mdx
- Supports deployment with Vercel
Installation:
To install this theme, follow these steps:
- Create a new GitHub repository.
- Enable discussions for the repository.
- Start a new discussion in the repository.
- Customize site metadata, Google verification, Giscus script, resume page, avatar file, favicon file, and icons as needed.
- Create a
.env
file in the root folder with the necessary configuration, such as the OPENAI_API_KEY if Open AI article summaries are needed. - Deploy the theme using Vercel.
Summary:
The BlogMy theme for personal blogs is a modern and feature-rich theme built on Next.js and TailwindCSS. Its integration with @discublog/api and @mdx-js/mdx allows for dynamic content rendering and GitHub discussions querying. The theme also provides deployment instructions for Vercel and offers customization options for various elements like site metadata, avatar, and favicon.