全栈式开发,前端工程化,以nodejs,eggjs为服务器语言,mysql为数据库,vue,vuex,wangeditor,i18n,webpack前端架构服务器端渲染ssr支持seo的博客网站

前言

下面介绍本人开发的个人博客，希望通过开源的方式一起学习和进步！
源码地址
网站首页-钢琴家

1. 背景

该项目为一个学习型的博客网站案例，毕竟每个it工程师都想有一个自己的博客嘛，适合初中级前端工程师；项目已经部署在阿里云上，已经比较完整了，本地下载代码和安装好对应的环境，运行即可以获得线上的效果。由于项目涉及到服务器端而且用了数据库作为存储工具，架构用了eggjs和easywebpack所以首次运行的步骤比较繁琐，还希望你有点耐心；仔细研读项目我相信你肯定会有进步的。

1.1 技术栈
mysql、nodejs、eggjs、vue、vuex、webpack
1.2 文件发布图

2.效果

网站首页-钢琴家

首页效果



后台

3. 使用

3.1 环境要求(版本号没有强制要求)
nodejs(v8.15.0)
mysql(5.6)
3.2 数据库引入
数据库配置文件在config/config.default.js中，数据库名称是blog,密码默认是123456

启动数据库(不同环境启动方式有所不同)

mysql.server start

进入数据库

mysql -u root -p

在mysql中创建blog数据库:

create database blog

导入数据库：(项目目录下已经有了数据库blog.sql文件，将它放到某个路由再导入即可)

use blog
source  /Users/zhenhua/Desktop/blog.sql;

3.3 安装依赖

npm install

3.4 本地开发启动应用

sudo npm run dev # sudo只是mac下的权限命令，其他系统并不需要

3.5 发布模式启动应用
首先在本地或者ci构建好jsbundle文件(简称打包)

sudo npm run build 

启动数据库

mysql.server start

然后,启动应用(由于用了–daemon所以这个进程一旦启动就不会自动关闭，需要手动)

sudo npm start 

4. 工具文档

nodejs
eggjs
vue
vuex
easywebpack
webpack

5. 声明

项目用于学习，不适合商业活动
项目会持续更新优化
由于项目是在别人的开源框架上快速开发的如果有什么问题可以提issue，求别喷
项目已在本人的博客gqj.cn上上线了，代码是同一份，所以请不要恶意破解或破坏gqj.cn这个项目