分享一个基于vue.js和koa2写的响应式个人博客
目录结构
├── admin // 管理后台
├── config // 数据库配置
├── front // 前端目录
├── models // 数据库模型
├── public // vue打包的静态文件(应该交给ngnix)
├── routes // 后台路由
├── screenshots // 项目截图
├── utils // 工具目录(跨域、鉴权)
├── blog.js // 入口文件
├── package.json // 安装依赖
技术栈
node.js(koa2), vue.js(element-ui), mysql(sequelize)
响应式
PC+mobile一套代码
源码
https://github.com/fuxingZhang/blog
线上地址
http://39.108.115.22/ (入门级阿里云服务器:1G内存, 1CPU,1M带宽, 带宽小,网速慢)
后台地址
2018年4月12日 更新
文章列表、文章详情引入loading效果
1.用户端:header以下,footer以上的main区域 加入 loading效果
2.admin端:全屏loading效果
2018年4月8日 更新
1.支持搜索文章功能(搜索文章标题,非全文搜索)
2.支持点击首页右侧的标签过滤文章功能
第一篇测试文章(图片以base64存入mysql了):
后台展示: