一、掘金文章
发布到掘金:juejin.cn/editor/draf… 分类选择:前端 或 后端 标签选择:Vue.js, Go, TypeScript, 个人博客, 开源
标题
开源一个 Vue 3 + Go 全栈博客系统,功能拉满,开箱即用
正文
大家好,我开源了一个自己从零搭建的全栈个人博客系统 POEMON-BLOG,前后端分离,功能比较完善,希望对有同样需求的同学有帮助。
GitHub: github.com/monkey-papa… 在线演示: blog.zjh2002.icu
技术栈
| 层级 | 技术 |
|---|---|
| 前端 | Vue 3 + TypeScript + Vite + Element Plus + Pinia |
| 后端 | Go 1.24 + Gin + GORM |
| 数据库 | MySQL 5.7+ |
为什么又造一个博客?
市面上的博客系统要么太重(WordPress),要么功能太少(静态博客),要么技术栈过时。我想要的是:
- 现代化技术栈:Vue 3 + TypeScript + Go,学习和使用都舒服
- 功能丰富但不臃肿:文章、评论、友链、树洞、表白墙、旅行日记,该有的都有
- 部署简单:提供完整的 SQL 初始化脚本、环境变量模板、systemd 服务配置,甚至 Docker 部署
- 代码质量可读:不是 Demo 级别的项目,是真正跑在线上的生产代码
功能亮点
1. AI 文章摘要
接入 DeepSeek / OpenAI 兼容接口,发布文章时自动生成摘要,省去手写的麻烦。
2. 三级权限体系
- Boss(站长):全部权限
- 管理员:文章审核、评论管理
- 普通用户:评论、点赞、收藏
3. 丰富的社交功能
- 评论系统支持表情和多级回复
- 树洞 / 微言:匿名发布想说的话
- 表白墙:情侣专属页面
- 友链管理
4. 个性化主题
支持背景图片、渐变色、纯色三种模式切换,还有 Live2D 看板娘和 APlayer 音乐播放器。
5. 响应式设计
PC 和移动端都做了适配,体验一致。
快速体验
# 克隆项目
git clone https://github.com/monkey-papa/POEMON-BLOG.git
cd POEMON-BLOG && git checkout Vue3-Go
# 初始化数据库
mysql -u root -p -e "CREATE DATABASE myblog CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;"
mysql -u root -p myblog < My-Blog-Go/database/schema.sql
# 启动后端
cd My-Blog-Go && cp ../.env.example .env && go run main.go
# 启动前端
cd My-Blog-Vue3 && npm install && npm run dev
初始管理员账号:admin / admin123
项目结构
POEMON-BLOG/
├── My-Blog-Vue3/ # 前端(Vue 3 + TS + Vite)
├── My-Blog-Go/ # 后端(Go + Gin + GORM)
├── .env.example # 环境变量模板
└── README.md
部署
支持两种部署方式:
- 直接部署:编译 + scp + systemd + Nginx
- Docker 部署:
docker build+docker run
详细部署文档见 README。
写在最后
这个项目是我自己一直在用的博客,经过多次迭代从 Python + Django 迁移到了 Vue 3 + Go。如果你也在找一个功能完善、代码可读的博客系统,欢迎试试。
如果对你有帮助,请给个 Star 支持一下!有问题欢迎提 Issue。
GitHub: github.com/monkey-papa…