Vue3+Go开源博客

6 阅读2分钟

一、掘金文章

发布到掘金: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

部署

支持两种部署方式:

  1. 直接部署:编译 + scp + systemd + Nginx
  2. Docker 部署docker build + docker run

详细部署文档见 README。

写在最后

这个项目是我自己一直在用的博客,经过多次迭代从 Python + Django 迁移到了 Vue 3 + Go。如果你也在找一个功能完善、代码可读的博客系统,欢迎试试。

如果对你有帮助,请给个 Star 支持一下!有问题欢迎提 Issue。

GitHub: github.com/monkey-papa…