# blog-web

**Repository Path**: nan-yu-Ann/blog-web

## Basic Information

- **Project Name**: blog-web
- **Description**: 博客网站建设以及后台管理web页面
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-05-16
- **Last Updated**: 2024-05-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Landblog 前端页面

## 项目概述

Landblog 是一个基于 Vue.js、Vuex、Vue Router 和 Element UI 的博客前端页面。该项目提供了一个直观、易用且功能丰富的博客阅读体验。

后端：https://gitee.com/nan-yu-Ann/blog

## 技术栈

- **Vue.js**：用于构建用户界面的渐进式 JavaScript 框架。
- **Vuex**：Vue.js 的状态管理模式和库，用于集中存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
- **Vue Router**：Vue.js 官方的路由管理器，它和 Vue.js 核心深度集成，让构建单页面应用变得易如反掌。
- **Element UI**：一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。

## 快速开始

### 1. 克隆项目

```bash
git clone https://gitee.com/nan-yu-Ann/blog-web.git
cd landblog
```

### 2. 安装依赖

确保你已经安装了 Node.js 和 npm 或 yarn。然后运行以下命令安装项目依赖：

```bash
npm install
# 或者如果你使用 yarn
yarn install
```

### 3. 运行项目

开发模式下启动项目：

```bash
npm run serve
# 或者如果你使用 yarn
yarn serve
```

项目将在 `http://localhost:5555` 启动。

### 4. 构建项目

构建生产版本的项目：

```bash
npm run build
# 或者如果你使用 yarn
yarn build
```

构建完成后，会在 `dist` 目录下生成用于生产环境的静态资源。

## 项目结构

```plaintext
landblog/
│
├── build/                    # webpack 配置文件
├── dist/                     # 生产环境的构建结果
├── node_modules/             # 依赖模块
├── src/
│   ├── api/                  # 请求接口
│   ├── assets/               # 资源文件（图片、字体等）
│   ├── components/           # 组件
│   ├── plugins/              # 插件配置
│   ├── router/               # 路由配置
│   ├── store/                # Vuex 状态管理
│   ├── utils/                # 工具
│   ├── views/                # 页面
│   ├── App.vue               # 应用入口文件
│   ├── main.js               # 入口 JS 文件
├── .gitignore                # Git 忽略文件
├── index.html                # 入口 HTML 文件
├── vue.config.js             # 项目全局配置文件
├── package.json              # 项目信息和依赖配置
```

## 贡献

如果你对这个项目感兴趣并想做出贡献，欢迎提交 pull request。在提交之前，请确保你已经阅读了项目的贡献指南（如果有的话）。

## 联系方式

- 作者：楠黎倾风
- 邮箱：2660233593@qq.com