More Premium Hugo Themes Premium React Themes

Blog

博客

Blog

博客

Author Avatar Theme by zhangyu1818
Github Stars Github Stars: 132
Last Commit Last Commit: Sep 13, 2024 -
First Commit Created: Aug 27, 2024 -
default image

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:

  1. Create a new GitHub repository.
  2. Enable discussions for the repository.
  3. Start a new discussion in the repository.
  4. Customize site metadata, Google verification, Giscus script, resume page, avatar file, favicon file, and icons as needed.
  5. 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.
  6. 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.