# myBlog

**Repository Path**: kelianmengxin/myBlog

## Basic Information

- **Project Name**: myBlog
- **Description**: 基于Vue、Node.js(Express)、MongoDB搭建的个人博客&后台管理系统🔥
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2020-06-22
- **Last Updated**: 2024-12-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 环境准备

- vue-cli v4.2.3
- Node.js v12.13.0
- MongoDB v4.2.3

### 安装依赖

#### 1. cd server 进入 serve 文件夹

```
npm i
```

#### 2. cd web 进入 web 文件夹

```
npm i
```

#### 3. cd admin 进入 admin 文件夹

```
npm i
```

### 本地启动项目

#### 1. cd server 进入 server 文件夹

运行前, 请确认是否已启动本地 mongoDB 数据库服务，默认地址：mongodb://127.0.0.1:27017/

```
npm run serve
```

#### 2. cd web 进入 web 文件夹

```
npm run serve
```

#### 3. cd admin 进入 admin 文件夹

```
npm run serve
```

### 后台管理系统

- 新增分类
- 分类列表(增删改查)

- 新增文章
- 文章列表(增删改查)

- 文章评论列表

- 新增友链
- 友链列表(增删改查)

- 留言列表

- 留言用户列表

- Markdown 编辑器集成
- 图片上传功能

- 新增用户
- 用户列表(增删改查)

- 通用增删改查接口实现(中间件 resourceMiddleware)

- 登录注册功能
- 登出功能
- 添加 jwt 校验（1. 用户名查找 2. 密码校验 3. 返回 token）
- 添加 http 拦截器（request、response)

### 博客系统

- 博客首页 UI
- 博客首页接口实现
- 博客归档页面 UI
- 博客归档页面接口实现
- 博客标签页面 UI
- 博客标签页面接口实现
- 博客文章页面 UI
- 博客文章页面接口实现
- 博客友链页面 UI
- 博客友链页面接口实现
- 博客留言页面 UI
- 博客留言页面接口实现

### 项目打包部署

- web、admin 项目打包
- 域名购买
- 域名解析
- linux 云服务器购买
- git 安装, ssh key 添加
- pm2 进程管理
- ngnix 配置
- mongodb 配置
- mongodb 数据从本地迁移至服务器
- 七牛云 cdn 全站免费加速

### 博客后台管理系统

![](./screenshot/admin.gif)

### 博客系统

![](./screenshot/web.gif)

### 欢迎 Star，Issues

- 您的 Star，是我不断更新维护的动力！！！
- 若在使用过程中，存在某些问题，欢迎 Issues

### To Do List

- 性能优化，图片需要压缩处理，预加载处理
- 给博文页面加上搜索功能
- 浏览器兼容问题，移动端适配。只用了自己电脑的谷歌 chrome 浏览器开发和手机适配效果，其他种种都没试，不过不建议移动端使用，电脑登陆效果更佳
- 解决 vue 的 seo 问题及刷新渲染页面抖动问题。先暂时做 vue 预渲染，不排除以后会做 vue 服务端渲染或 nuxt.js 服务端渲染
- 整理代码，拆分出组件。让结构更清晰，代码量更少
- 利用 typescript 重构整个项目
- 想到有意思的功能也会慢慢加上，持续开发中...