鸢尾博客项目开源

1.博客介绍

鸢尾博客是一个基于Spring Boot+Vue3 + TypeScript + Vite+JavaFx的客户端和服务器端的博客系统。项目采用前端与后端分离，支持移动端自适应，配有完备的前台和后台管理功能。后端使用Sa-Token进行权限管理,支持动态菜单权限，服务健康监控，数据流量统计，支持QQ、微博、码云、GitHub等三方登录。

基于Springboot + Vue3 + TypeScript 开发的前后端分离博客

2.在线地址

博客链接： www.lstar.icu

后台链接： admin.lstar.icu

测试账号： test@qq.com，密码：123456

Gitee 地址： https://gitee.com/lxwise/iris-blog_parent

Github 地址： https://github.com/lxwise/iris-blog_parent

3.Star

ps: 虽然我知道，大部分人和作者菌一样喜欢白嫖，都是看了直接下载源代码后就潇洒的离开。但我还是想请各位喜欢本项目的小伙伴：Star，Star，Star。只有你们的Star本项目才能有更多的人看到，才有更多志同道合的小伙伴一起加入完善本项目。请小伙伴们动动您可爱的小手，给本项目一个Star。同时也欢迎大家提交pr，一起改进项目 。

4.目录结构

Iris-blog_parent
├── doc    --  说明文档
├── Iris-blog       --  博客后端父项目
    ├── Iris-admin  --  博客后端项目
        ├── src
            ├── main
                ├── java
                    ├── com.iris.blog          -- 主包
                        ├── common            -- 通用模块
                        ├── components        -- 组件
                        ├── config            -- 通用配置
                        ├── controller        -- 前端控制器
                        ├── dao                -- mapper/实体嘞
                        ├── domain            -- VO类
                        ├── service            -- 接口
                        ├── strategy        -- 策略类
                        ├── utils            -- 工具类
                        AdminApplication.java
                ├── resources
        pom.xml
    ├── Iris-generator        --  代码生成器项目
├── Iris-blog-admin        -- 前端后台项目        
├── Iris-blog-web       -- 前端博客项目
├── sql        --  sql文件

5.项目特点

• 博客界面布局样式主要参考 Hexo 的 ShokaX和 Butterfly 设计，页面美观，支持移动端自适应。
• 博客后台管理基于yudao-ui-admin-vue3主体框架进行重构，含有动态路由权限、侧边栏、国际化、主题切换等。
• 采用 RABC 权限模型，使用 Sa-Token 进行权限管理，支持动态权限修改、动态菜单和路由。
• 具有文章，时间线，说说，通知，标签，分类，留言，友链，问题反馈等功能。
• 支持数据流量统计、IP访问监控、服务健康监控、前台网站信息动态管理等功能。
• 支持动态定时任务、动态存储管理（OSS、COS、Kodo、Minio、本地），日志管理等功能。
• 支持文章代码块高亮、图片预览、黑夜模式、点赞、取消点赞，发布评论、回复评论、表情包等功能。
• 发送 HTML 邮件评论回复提醒，内容详细，文章动态通知等功能。
• 接入QQ、Weibo、Gitee、Github等第三方快速登录，减少注册成本。
• 支持文章高级搜索、搜索关键字高亮分词。
• 文章编辑使用 Markdown 编辑器，写法简单便捷。
• 含有实时天气预报、标签云、最新评论、文章目录、文章推荐和文章置顶功能。
• 采用 Restful 风格的 API，注释完善，代码遵循阿里巴巴开发规范，有利于开发者学习。

6.技术介绍

前端： Vue3 +Vite + Pinia + Vue Router + Vueuse + Vue-i18n + Unocss +Iconify + TypeScript + Axios + Element Plus + Naive UI + Echarts + Swiper

后端： SpringBoot + Javafx + Mysql + Redis + Oss/Cos/Qiniu/Minio + Mail + Quartz + Thymeleaf + Nginx + Docker + Sa-Token + Swagger2 + knife4j + MyBatisPlus + lombok + ip2region

其他： 接入 QQ、Weibo、Gitee、Github 第三方登录,Hutool、Guava、Commons等工具包

7.运行环境

服务器： 腾讯云 2 核 4G CentOS7.6

对象存储： 阿里云 OSS、腾讯云 COS、七牛云 Kodo、Minio

最低配置： 2 核 2G 服务器 ps:如果mysql Redis这些不部署在同一台服务器 1核2G也能运行

8.开发环境

开发工具说明IDEAJava 开发工具 IDEWebstorm前端 开发工具 IDENavicat/DBeaverMySQL 远程连接工具Redis Desktop ManagerRedis 远程连接工具FinalshellLinux 远程连接工具ApiFox接口调试工具SceneBuilderJavaFx开发工具开发环境版本OpenJDK17.0.9MySQL8.0.11Redis6.2.6Nginx1.22.1Node18.20.2Npm10.5.0Pnpm9.0.6

9.本地运行

1. MySQL版本为8.0.11，npm版本为10.5.0，node版本为v18.0.02
2. SQL 文件位于根目录下的iris_blog.sql，将其中的数据导入到自己本地数据库中
3. 修改后端application.yml配置文件中的数据库等连接信息，项目中使用到的关于阿里云、腾讯云功能和第三方授权登录等需要自行开通
4. 再npm install、npm run dev
5. 项目启动后，使用[email protected]管理员账号登录后台，密码为123456

ps：请先运行后端项目，再启动前端项目，前端项目配置由后端动态加载。

10.项目截图

前台

后台

11.后续计划

• 博客文章导入导出
• 移动端文章目录
• 新增相册功能
• 新增看板娘
• 新增加密文章
• 优化交互体验

12.项目总结

经过数月的努力与探索，我终于完成了自己的博客项目。整个项目花费了大量的心血,从最初的构想到最终的实现，这个过程不仅充满了挑战，也让我学到了很多宝贵的知识和技能。在开发的过程中，我参考了许多优秀的开源项目，它们为我的项目提供了重要的指导和支持。在这里，我想对所有贡献者表示最深的感谢，没有你们的工作，我的项目不可能如此顺利地完成。

• 在此特别感谢以下开源项目的贡献者们，是你们的工作让我的项目得以顺利完成：- hexo-theme-shokaX- hexo-theme-butterfly- yudao-ui-admin-vue3- Sa-Token- 基于 Vue.js 的弹幕交互组件- …最后，我希望我的博客项目能够为你带来同样的收获与快乐。如果你有任何建议或意见，欢迎随时联系我。让我们一起分享知识，共同成长！