react hooks + koa + mysql 个人博客源码开源

#1

前言

主要是自己重构了之前自己写的项目,添加了一些功能,比如 github 授权等等…

博客改为可配置性的,也就是说如果你想使用这个博客,你只需要动动手改改相应的个人信息,数据库等等,你就可以打包上线成为你的专属博客…

相应的项目信息也在下面有所介绍、如果你想改改博客风格或者学习的话、也会有所帮助。

简述

一个及其简洁的个人博客系统、即插即用,如果你想使用这个博客、动动手改改配置即可使用!!

  • 前后台分离式开发(项目中也包含博客的后台管理系统),为了方便记录后端开发过程,笔者将后端也一起放在同个项目文件夹中。
  • 博客样式几乎借助于 antd 这个优秀的 UI 框架,主打简约风格,是笔者借鉴了 antd 官方的风格所设计。
  • 具备了代码高亮、权限管理、第三方 github 登录、评论与通知、以及邮件通知功能的个人博客…

实现功能

  • [x] 前台:主页 + 列表页 + 搜索页 + 分类页 + 标签页
  • [x] 后台:文章管理 + 用户管理
  • [x] 响应式、文章锚点导航、回到顶部、markdown 代码高亮
  • [x] 用户:站内用户、github 第三方授权登录的用户
  • [x] 用户可以评论与回复、以及邮件通知回复的状态

技术栈

  • 前端 (基于 create-react-app eject 后的配置)

    • react v16.9.0 hooks + redux + react-router4
    • marked highlight.js
    • webpack 打包优化
    • axios 封装
  • 后端 (自构建后台项目)

    • koa2 + koa-router
    • sequelize + mysql
    • jwt + bcrypt
    • nodemailer

博客预览

pc 端

移动端

项目地址

PS : 整个项目都是笔者个人设计、编码所作,如果对您有帮助,希望不吝 star、多多支持