今天,我非常高兴向大家介绍我的开源项目 FishBlog - 一款基于Spring Boot和Vue的全栈博客系统,它不仅优雅美观,而且功能齐全,最重要的是,它能让你在一天之内完成博客的部署与上线!
🌟 为什么选择FishBlog?
FishBlog是一款面向开发者和博客爱好者的完整解决方案。无论你是想快速搭建一个个人技术博客,还是希望拥有一个高度自定义的内容平台,FishBlog都能满足你的需求。
- 开箱即用 - 提供完整的前后端代码,只需简单配置即可部署
- 美观大方 - 精心设计的响应式UI,支持深色模式
- 功能丰富 - 从文章管理到社交互动,应有尽有
- 高度可定制 - 随心DIY,打造专属于你的个性化博客空间
📸 效果展示
首页 - 精美布局展示最新文章和热门内容 | 文章列表 - 分页展示所有博客文章 |
文章详情 - 支持Markdown渲染和代码高亮 | 归档页面 - 按时间线展示所有文章 |
标签界面 - 可视化展示文章标签分布 | 分类界面 - 清晰整理不同类别的文章 |
留言板 - 支持Emoji表情和弹幕效果 | 友链界面 - 展示和管理友情链接 |
收藏界面 - 展示自己推荐的好用的网站 | 登录界面 - 使用多种登录方式进行登录 |
🔨 技术栈
| 🖥️ 后端 | 🎨 前端 | 🔧 其他 |
|
|
|
🎯 功能特性
| 🎨 美观的响应式界面设计 | 📝 ByteMD文章编辑器 | 🔍 Elasticsearch全站搜索 |
| 🖼️ 文章封面图上传 | 🏷️ 标签、分类管理 | 📊 ECharts数据可视化 |
| 🔐 RBAC角色权限管理 | 💬 评论邮件提醒功能 | 🔑 多种第三方登录方式 |
| 📱 移动端适配设计 | 📡 RSS订阅功能 | 💥 点击特效与鼠标样式 |
| 🎵 音乐播放器集成 | 💕 Live2D看板娘 | 💬 实时聊天室功能 |
| 🔗 友情链接管理 | 🌙 深色模式支持 | 📜 平滑目录跳转功能 |
🚀 一天内快速部署上线
FishBlog的最大特点之一就是能够让你在短时间内完成部署。就算你对某些技术不是特别熟悉,只要按照以下步骤操作,你也能在一天内成功上线自己的博客系统:
- 克隆项目
git clone https://github.com/your-username/fishblog.git
cd fishblog
- 导入数据库
导入项目根目录下的blog-mysql8.sql文件到MySQL数据库。 - 配置后端
进入blog-springboot目录,修改application-dev.yml文件,配置数据库、Redis等连接信息。 - 启动后端服务
cd blog-springboot
mvn spring-boot:run
- 配置并启动前端
cd ../blog-vue/blog
npm install
npm run serve
- 访问博客
打开浏览器,访问http://localhost:8080 即可看到你的博客了!
默认管理员账号:admin@163.com,密码:123456
🌟 支持项目
如果你喜欢FishBlog,请给项目一个Star⭐!这是对我最大的鼓励!
📦 GitHub项目地址:https://github.com/Auroral0810/fishblog_tpl
📢 开源贡献
FishBlog是一个开源项目,非常欢迎社区的贡献!如果你对项目有任何改进想法,可以:
- 🍴 Fork项目到自己的仓库
- 🔧 创建你的特性分支 (git checkout -b feature/amazing-feature)
- 💻 提交你的更改 (git commit -m ‘添加了一些很棒的特性’)
- 📤 推送到分支 (git push origin feature/amazing-feature)
- 🔃 提交Pull Request
🔮 未来计划
我计划在未来版本中添加更多功能:
- Markdown编辑器主题切换
- 更多UI风格和主题美化
- 用户数据绑定(多平台账号关联)
- 评论回复邮件通知功能
- 更多的第三方登录集成
- 国际化支持
💬 结语
无论你是初学者还是有经验的开发者,FishBlog都能帮助你快速搭建一个功能齐全、美观大方的个人博客。不再需要从零开始,也不再需要花费大量时间在基础功能开发上 - 使用FishBlog,一天之内,你的个人博客空间就能华丽上线!
欢迎大家试用FishBlog,也欢迎在评论区分享你的使用体验或改进建议。如果你基于FishBlog开发了自己的博客,也欢迎在评论区分享你的博客链接!

被折叠的 条评论
为什么被折叠?



