Vue Templates Logo Vue Templates
Nuxt Blog Client screenshot

Nuxt Blog Client

Author Avatar Theme by Galaxy s10
Updated: 14 Dec 2025
57 Stars

基于Nuxt2 + ElementUI 搭建的博客前台

Github Live Preview

Categories

Nuxt Scss Blog

Overview

This is a product analysis of a blog built using Nuxt 2.x and Element UI. The blog has various features including login/registration, login with QQ and GitHub, articles, works, tags, comments, interactions, and likes. To run the blog locally, a backend server on port 3300 is required. The project dependencies include billd-html-webpack-plugin, billd-utils, and billd-scss. The installation guide mentions using Docker for deployment and specifies the server environment requirements (CentOS Linux 8.2.2004, Nginx 1.21.4, Node.js 14.19.0, Redis 5.0.3, MySQL 8.0.26, and PM2 5.1.2). It also provides a tip to disable the Vue Language Features (Volar) plugin in VSCode if it is causing issues with file navigation.

Features

  • Login/registration: Users can create accounts and log in to the blog.
  • Login with QQ: Users have the option to log in using their QQ account.
  • Login with GitHub: Users have the option to log in using their GitHub account.
  • Articles: Users can view and read articles on the blog.
  • Works: Users can view and explore works/projects on the blog.
  • Tags: Articles and works are organized using tags for easy navigation.
  • Comments: Users can leave comments on articles and works.
  • Interactions: The blog allows for user interactions and engagements.
  • Likes: Users can give likes to articles and works.

Installation

To install and run the blog, follow these steps:

  1. Make sure you have a backend server running on port 3300.
  2. Install the project dependencies: npm install billd-html-webpack-plugin billd-utils billd-scss.
  3. For development and building, follow the standard process.
  4. For deployment, use Docker.

Server Environment Requirements

  • Operating System: CentOS Linux release 8.2.2004
  • Nginx Version: 1.21.4
  • Node.js Version: 14.19.0
  • Redis Version: 5.0.3
  • MySQL Version: 8.0.26
  • PM2 Version: 5.1.2

Note: If you have the Vue Language Features (Volar) plugin installed in VSCode, disable it to avoid navigation issues.

Summary

This product analysis highlights a blog built using Nuxt 2.x and Element UI. The blog offers various features including login/registration, login with QQ and GitHub, articles, works, tags, comments, interactions, and likes. The installation guide provides instructions for setting up the blog locally and mentions the server environment requirements for deployment.