littlebot
Published on 2025-04-09 / 0 Visits
0

【源码】基于 React Hooks、TypeScript 和 Koa 的个人博客系统

项目简介

这是一个前后台分离式的个人博客系统,前端运用 React Hooks、TypeScript 技术,后端采用 Koa 框架,数据库选用 MySQL。博客样式借鉴 antd 官方风格,呈现简约风格,项目具备即插即用的特点,用户修改配置后便可使用。

项目的主要特性和功能

  1. 前后台分离开发:拥有博客后台管理系统,便于管理文章和用户。
  2. 简约 UI 设计:借助 antd 框架,有响应式布局、文章锚点导航、回到顶部以及 markdown 代码高亮功能。
  3. 评论与通知:用户能进行评论与回复,系统可提供邮件通知回复状态的功能。
  4. 文件导入导出:支持 md 文件的导入导出,可根据 hexo 前缀解析文件信息,若导入标题相同文件可选择是否覆盖。

安装使用步骤

前提条件

假设用户已经下载了本项目的源码文件,且已完成以下操作: 1. 安装好 Node.js 和 Yarn。 2. 安装并启动 MySQL 数据库,将数据库字符集设置为 utf8mb4,排序规则设置为 utf8mb4_general_ci

具体步骤

  1. 复制项目 bash
  2. 安装前端依赖并开启开发模式 bash cd react-blog yarn yarn dev
  3. 安装后端依赖并开启开发模式 bash cd server yarn yarn dev
  4. 打包前端 bash cd react-blog yarn build
  5. 后端部署(使用 pm2) bash cd server pm2 start app.js

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】