Personal Blog

This is a personal blog project that showcases my avatar, personal introduction, life photos, and social media links. The blog is designed with a modern aesthetic using Tailwind CSS for styling.

Project Structure

personal-blog
├── src
│   ├── index.html          # Main HTML document for the blog
│   ├── styles
│   │   └── tailwind.css    # Tailwind CSS styles
│   ├── scripts
│   │   └── main.js         # JavaScript for interactive features
│   └── assets
│       ├── images
│       │   └── avatar.jpg  # Avatar image
│       └── icons           # Icons for social media links
├── tailwind.config.js      # Tailwind CSS configuration
├── package.json            # npm configuration
├── postcss.config.js       # PostCSS configuration
└── README.md               # Project documentation

Setup Instructions

1. Clone the repository:

   git clone <repository-url>
   cd personal-blog

2. Install dependencies:

   npm install

3. Build the project:

   npm run build

4. Start the development server:

   npm start

Features

• Modern design with a focus on aesthetics and usability.
• Responsive layout that adapts to different screen sizes.
• Interactive elements powered by JavaScript.
• Easy to customize and extend with additional features.

License

This project is licensed under the MIT License.

• how to automatically deploy on vercel.com?