# 个人博客网站

**Repository Path**: grx330/my-site

## Basic Information

- **Project Name**: 个人博客网站
- **Description**: 纯前端项目，采用Vue2框架、mockjs模拟数据、vuex管理全局状态、axios、vue-router
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-11-09
- **Last Updated**: 2024-11-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 个人博客网站

纯前端项目，采用Vue2框架、mockjs模拟数据、vuex管理全局状态、axios、vue-router

封装渐进式图片组件（预加载模糊图片→高清图片）、分页组件、message弹出消息api、自定义指令v-loading、布局组件...

优化点：图片懒加载、路由懒加载、CDN优化打包、优化白屏响应、标签栏动态标题

## 视频演示

https://www.bilibili.com/video/BV1fSDrY7EXZ/

## 安装依赖

```shell
npm i
```

node版本是12.22.12，如果安装依赖报错，可以换高版本的node(18+)，然后用yarn进行安装

```shell
yarn add
```

## 项目启动

```shell
npm run serve
```