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

【源码】基于Laravel框架和React的个人博客系统

项目简介

本项目是基于Laravel 5.5和React构建的个人博客系统。前台采用极简风格,充分考虑移动端显示效果,加载速度快;后台运用React + Ant Design开发,功能丰富且操作便捷。系统涵盖文章管理、评论管理、留言管理、设置管理等功能,还支持多种存储方式和邮件提醒功能。

项目的主要特性和功能

前台功能

  • 文章浏览:能统计浏览量,支持标签功能。
  • 文章搜索:可按标题和标签搜索文章。
  • 文章评论:支持评论与回复,具备邮件提醒和广告过滤功能。

后台功能

  • 文章管理:支持置顶、公开/隐藏文章,可排序、筛选、搜索,提供富文本和Markdown编辑器,支持从数据库导入文章和标签管理。
  • 留言管理:支持跳转评论位置,查看评论者IP,拉黑IP及黑名单管理。
  • 设置中心:可设置博主信息和网站名称,支持图片系统盘存储和腾讯云存储两种方式并一键切换,支持开启/关闭评论和回复邮件提示功能。

安装使用步骤

服务器安装

参考文章:Laravel 部署到阿里云/腾讯云

本地开发安装

  1. 本地开发建议使用Homestead,配置Homestead参考官方文档:Laravel 虚拟开发环境 Homestead,配置好并确保能正确登录到虚拟机。
  2. 在共享目录下拉取代码(本机应有一个目录映射到Homestead虚拟机,用于存放Laravel工程)。
  3. 进入项目目录,安装依赖: composer install
  4. 生成.env文件: cp .env.example .env
  5. 生成laravel key: php artisan key:generate
  6. 修改Homestead.yaml:
    • 在sites属性中增加两行(注意格式严格按标准): ```
    • map: laravel-react-blog.test to: /home/vagrant/code/laravel-react-blog/public ```
    • 在databases属性中增加一行(注意格式严格按标准): ```
    • laravel-react-blog ```
  7. 退出虚拟机,执行vagrant provision,该指令会重启虚拟机并更新配置。
  8. 重新进入虚拟机,进入代码根目录,修改.env文件中数据库相关部分代码,然后执行php artisan migrate
  9. 修改hosts文件,在最底部加一行192.168.10.10 laravel-react-blog.test

使用

  1. 执行seed生成默认账号: php artisan db:seed --class=MoviesTableSeeder
  2. 访问 '根目录/admin' 进入后台,使用默认账号:admin@qq.com,密码:admin 进行登录。
  3. 文件存储有两种方式:系统盘和cos,如果要使用系统盘存储系统,还需要创建一个软连接: php artisan storage:link
  4. 如果要使用COS,请在根目录下的.env文件中加入下列几行: COS_REGION= <你的COS区域> COS_APPID= <你的腾讯云API ID> COS_KEY= <你的腾讯云API KEY> COS_SECRET= <你的腾讯云API SECRET> COS_BUCKET= <你的腾讯云存储桶>
  5. 发送邮件配置(推荐使用QQ邮箱),在根目录下的.env文件中修改下列几行: MAIL_DRIVER=smtp MAIL_HOST=smtp.qq.com MAIL_PORT=465 MAIL_USERNAME= <你的QQ邮箱账号> MAIL_PASSWORD= <你的QQ邮箱smtp授权码> MAIL_ENCRYPTION=ssl MAIL_FROM_ADDRESS= <配置发送地址> MAIL_FROM_NAME= <配置发送人>

更新

在服务器项目根目录下依次执行下列命令即可完成更新同步: git pull origin master composer install php artisan migrate

下载地址

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