Skip to content

JohnsonMao/JohnsonMao.github.io

Repository files navigation

Mao's Blog

Welcome to My Blog, a simple blog built with Next.js 13 and Markdown for content.

Tech Stack

  • Next.js 13
  • React 18
  • React Spring
  • TypeScript
  • Tailwind CSS
  • I18n

Features

  • Render blog posts from Markdown files.
  • Responsive design for various devices.
  • Light and dark theme.
  • Comments via Giscus.

Project Structure

  • data/: Contains data-related files.
    • i18n/: Internationalization and localization files.
    • posts/: Markdown files for blog posts.
    • giscus.ts: Configuration for the Giscus comment system.
    • metadata.ts: Metadata and configuration for the blog.
  • public/static/: Public static images and other assets.
  • src/: The main source code directory.
    • app/: Next.js pages and routing.
    • assets/: Global and component-specific CSS.
    • components/: Reusable React component.
    • hooks/: Custom React hooks.
    • plugins/: Additional plugins or extensions.
    • utils/: Utility functions and helper modules.
    • middleware.ts: Next.js middleware.
  • tests/: Test folder contains the application's test files.
  • types/: TypeScript type definitions.