分享一下 vue + koa + mysql 搭建博客之旅

一直以来都想用自己的技术做一些个人项目, 之前的博客是基于 hexo 搭建, 感觉啥都是别人帮你写好了, 于是便决定自己搞一个, 断断续续地弄了一段时间, 也总算是完成了个简单版本并部署上线.

博客线上地址

博客地址:cykspace

博客后台:cykspace-node

如果觉得还行的话, 欢迎给个 star 哈. 感谢~~

由于不会设计, 博客主题是模仿 hexo-theme-next 的布局样式, 感谢作者的开源分享.

预览

首页文章列表

首页-pc

分享一下 vue + koa + mysql 搭建博客之旅_第1张图片
首页-移动端

标签管理

标签-pc

分享一下 vue + koa + mysql 搭建博客之旅_第2张图片
标签-移动端

文章归档

文章归档-pc

[图片上传失败...(image-8e0530-1526894277826)]

关于

关于-pc

分享一下 vue + koa + mysql 搭建博客之旅_第3张图片
关于-移动端

相关技术栈

前端

  • vue + vue-router: 项目由 vue-cli 搭建
  • axios: 异步请求
  • less: css 预编译处理器
  • Font-Awesome: 字体库

后台

  • koa + koa-router + koa-cors: 后台使用 koa 提供接口服务
  • mysql + sequelize: 文章数据存储以及ORM

部署

  • nginx: 提供网站服务
  • pm2: node 进程管理

未来将会加入

  • 服务端渲染
  • 后台管理
  • 评论
  • 网易云音乐
  • 页面数据可视化统计
  • ...

测试

博客线上地址

以下是博客前端和后台源代码地址:

博客地址:cykspace

博客后台:cykspace-node

如果在测试期间遇到什么问题, 可留言给我, 我会及时回复。

最后

感谢各位的观看, 如果有什么意见或者建议的话, 还望多多指教. 感谢~~

如果感觉我的博客还过得去的话, 还请给个 star 鼓励一下作者, 嘿嘿~~。

最后再推销下自己,计划换份工作,有大佬缺小弟吗?坐标杭州。欢迎来扰!

你可能感兴趣的:(分享一下 vue + koa + mysql 搭建博客之旅)