Overview:

This is a project that has been refactored using Vue3 + TypeScript + Vite2 + Vuex4 + Vue-Router4 + Element-Plus. It is a clean and stylish blog website based on the Vue3 stack with TypeScript and element-plus technologies.

Features:

• Authentication: Supports features such as login, registration, and social media login with GitHub.
• Content Management: Allows users to view articles, archives, tags, and author information.
• User Interaction: Provides functionalities like liking, commenting, and leaving messages.
• Mobile Responsiveness: Adapts to different screen sizes for a seamless user experience.
• Code Highlighting: Supports syntax highlighting in article details for better code readability.

Installation:

To set up the project, follow these steps:

1. Ensure you have Node.js installed.
2. Clone the repository: git clone https://github.com/biaochenxuying/blog-vue-typescript.git
3. Install dependencies: npm install
4. Run the development server: npm run dev

Summary:

The refactored project based on Vue3, TypeScript, and element-plus offers a modern and elegant solution for creating a blog website. With key features like authentication, content management, and user interaction, along with support for mobile responsiveness and code highlighting, this project provides a robust foundation for building a stylish blog platform.