More Premium Hugo Themes Premium Vue Themes

VueBlog

vue + node + express + mongodb 个人博客系统

VueBlog

vue + node + express + mongodb 个人博客系统

Author Avatar Theme by chaohangz
Github Stars Github Stars: 430
Last Commit Last Commit: May 6, 2022 -
First Commit Created: Feb 24, 2024 -
VueBlog screenshot

Overview:

The blog system “一个 Vue + Node + MongoDB 博客系统” is a web application developed using Node.js v6.9.4, MongoDB v3.4.1, and Vue.js v2.2.1. It provides functionality for creating, editing, and deleting articles with support for Markdown editing and real-time preview. Users can highlight code snippets, add tags to articles, and register and login to the system.

Features:

  • Article Management: Create, edit, and delete articles.
  • Markdown Editing: Support for editing articles using Markdown with real-time preview.
  • Code Highlighting: Highlight code snippets within articles.
  • Tagging: Add tags to articles for better categorization.
  • User Registration: Users can register and log in to the system securely.

Installation:

To install the blog system, follow these steps:

  1. Clone the repository from the source.

    git clone <repository_url>
    
  2. Install the necessary dependencies for frontend and backend.

    cd <project_folder>
    npm install
    
  3. Start the backend server.

    cd backend
    npm start
    
  4. Start the frontend server.

    cd frontend
    npm run serve
    
  5. Access the blog system in your browser at http://localhost:8080.

Summary:

The Vue + Node + MongoDB blog system provides a user-friendly interface for managing articles with features like Markdown editing, code highlighting, and tagging. With a stack consisting of Vue.js, Node.js, and MongoDB, it showcases how different technologies come together to create a functional web application.