前言
主要是自己重构了之前自己写的项目,添加了一些功能,比如 github
授权等等…
博客改为可配置性的,也就是说如果你想使用这个博客,你只需要动动手改改相应的个人信息,数据库等等,你就可以打包上线成为你的专属博客…
相应的项目信息也在下面有所介绍、如果你想改改博客风格或者学习的话、也会有所帮助。
简述
一个及其简洁的个人博客系统、即插即用,如果你想使用这个博客、动动手改改配置即可使用!!
- 前后台分离式开发(项目中也包含博客的后台管理系统),为了方便记录后端开发过程,笔者将后端也一起放在同个项目文件夹中。
- 博客样式几乎借助于
antd
这个优秀的 UI 框架,主打简约风格,是笔者借鉴了antd
官方的风格所设计。 - 具备了代码高亮、权限管理、第三方
github
登录、评论与通知、以及邮件通知功能的个人博客…
- 我的博客地址: 郭大大的博客
- 测试博客地址: 测试使用的郭大大的博客
admin/admin
为博主账号 小伙伴可以使用看看博客的完整功能!
实现功能
- [x] 前台:主页 + 列表页 + 搜索页 + 分类页 + 标签页
- [x] 后台:文章管理 + 用户管理
- [x] 响应式、文章锚点导航、回到顶部、
markdown
代码高亮 - [x] 用户:站内用户、
github
第三方授权登录的用户 - [x] 用户可以评论与回复、以及邮件通知回复的状态
技术栈
-
前端 (基于
create-react-app eject
后的配置)- react v16.9.0
hooks
+redux
+react-router4
marked highlight.js
-
webpack
打包优化 -
axios
封装
- react v16.9.0
-
后端 (自构建后台项目)
-
koa2
+koa-router
-
sequelize
+mysql
-
jwt
+bcrypt
nodemailer
-
博客预览
pc 端
移动端
项目地址
PS : 整个项目都是笔者个人设计、编码所作,如果对您有帮助,希望不吝 star、多多支持