分享一个基于vue.js和koa2写的响应式个人博客
发布于 6 年前 作者 fuxingZhang 2766 次浏览 来自 分享

目录结构


├── 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带宽, 带宽小,网速慢)

后台地址

http://39.108.115.22/admin/

2018年4月12日 更新

文章列表、文章详情引入loading效果
1.用户端:header以下,footer以上的main区域 加入 loading效果
2.admin端:全屏loading效果

2018年4月8日 更新

1.支持搜索文章功能(搜索文章标题,非全文搜索)
2.支持点击首页右侧的标签过滤文章功能 image.png

image.png

第一篇测试文章(图片以base64存入mysql了):

image.png

后台展示:

image.png image.png image.png image.png

回到顶部