Overview:

This is a personal blog developed using Vue2.x to document learning and life experiences. The entire site utilizes SSR technology for server-side rendering, ensuring good SEO and first screen performance. Additionally, there is a management system developed using Vue3.x, TypeScript, and Vite. The technology stack includes Vue2.x, SSR, Vue Router, Vuex, Node.js, MongoDB, Mongoose, Express, PM2, and lazyload.

Features:

• Homepage: Displaying the latest articles, navigation, and more.
• Article Management: Including article search, archives, tags, categories, and related articles.
• Entertainment Section: Featuring movies, a message board for interactions, and third-party login support for comments and messages.
• Comment and Reply System: Allowing interactions such as liking, replying, and statistical tracking.
• SEO and Performance Optimization: Implementing features such as automatic document directory generation, sharing options, responsive design, and more.

Installation:

1. After forking the project, carefully read through the following instructions:
2. The configuration file will be generated in /server/db/secret.js during the preinstall hook.
3. Important configuration details for the database, management system, third-party logins, Qiniu Cloud, etc., are covered in the generated configuration file. Modify these details according to your requirements before launching the project.
4. Install MongoDB, preferably version 5.x, and create a database named ‘/server/db/secret.js[db.db]’ with default configuration as “blog”.
5. Create a user in MongoDB named ‘/server/db/secret.js[db.user/pwd]’ with default configuration as “admin 12345”.
6. Recommended node version for runtime is 14.x. Note that installing dependencies on version 16.x might fail due to compatibility issues with node-sass. Consider using nvm management tool to flexibly switch between node versions.
7. For detailed deployment instructions for the production environment, refer to the provided article.

Summary:

The Vue SSR Blog is a comprehensive personal blog with a range of features for article management, entertainment, interaction, and performance optimization. Developed using a stack of modern technologies, the blog offers a seamless user experience for documenting and sharing experiences. The installation process involves setting up MongoDB, configuring the environment, and managing dependencies to ensure smooth project execution.