https://github.com/hunterxing/404blog

个人博客项目 vue.js和node.js 前后端分离
https://github.com/hunterxing/404blog

mysql nodejs vuejs

Last synced: 6 months ago
JSON representation

个人博客项目 vue.js和node.js 前后端分离

• Host: GitHub
• URL: https://github.com/hunterxing/404blog
• Owner: HunterXing
• Created: 2019-04-17T06:29:30.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-10T04:39:46.000Z (about 3 years ago)
• Last Synced: 2023-03-10T23:22:44.805Z (almost 3 years ago)
• Topics: mysql, nodejs, vuejs
• Language: JavaScript
• Homepage:
• Size: 48.3 MB
• Stars: 56
• Watchers: 2
• Forks: 9
• Open Issues: 22
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 一款基于vue.js 和node构建个人博客项目

### 前言

本项目是一款个人学习的博客项目，主要是为了学习vue2 和 node.js。另外涉及到MySQL redis nginx 等技术栈知识 [项目地址](https://github.com/HunterXing/404blog)

### 预览地址 （PC或者手机）

#### > 注意：PC端支持markdown编辑博客，但是手机端不支持编辑，仅支持查看博客内容

#### [博客预览地址:node后台版本](https://notfound404.cn:4431) 

预览账号

```

账号:test

密码：123

```

### 技术栈

前端：html、css、sass、ES6、webpack、vue-cli、vue2、vuex、vue-router、axios、element-ui

后端：Node、Mysql、redis、nginx

### 目标功能

> 目标很简单 基本的增删改就满足于学习 node 和 vue 实现前后端分离 另外还有redis 的session保存 、ngnix的反向代理、 pm2的进程守护

- [x] 登录 退出（100%） (个人博客没有增加注册项，很好实现)

- [x] 个人博客（100%）

- [x] 推荐博客（100%）

- [x] 添加博客（100%）

- [x] 博客访问量（100%）

- [x] 删除博客（100%）

- [x] 编辑博客（100%）

- [x] 移动端适应（100%）

- [x] php后台（100%）

- [x] express后台（100%）

- [x] koa后台（100%）

### 项目截图

#### 首页

![首页](https://raw.githubusercontent.com/HunterXing/resourse/master/images/20191020181055.png)

#### 查看博客

![查看博客](https://raw.githubusercontent.com/HunterXing/resourse/master/images/20191020181158.png)

#### markdown写博客

![markdown写博客](https://raw.githubusercontent.com/HunterXing/resourse/master/images/20191020181402.png)

#### 移动端首页

![移动端首页](https://upload-images.jianshu.io/upload_images/13711753-010be93c0ed7790f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

#### 移动端查看博客

![移动端查看博客](https://upload-images.jianshu.io/upload_images/13711753-01bce9fdbc25f9e2.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)