乐于分享
好东西不私藏

【软件推荐】一款是极简美学、一款是全栈工程教科书、两款开源博客系统

【软件推荐】一款是极简美学、一款是全栈工程教科书、两款开源博客系统

我能为你提供什么服务?

网站建设 | 小程序开发 |  软件定制

我是鹏魔王,一个做网站、小程序的程序员,记录生活日常、及技术分享。

本欲起身离红尘,奈何影子落人间,欢迎关注

很多朋友想搭建个人博客,各种博客系统眼花缭乱。
今天介绍两个开源的博客系统,希望能帮你减少一些纠结。

FlecBlog

一个现代化的全栈博客系统,集成了文章管理、评论互动、友链交换、动态发布、数据统计等完整功能。

技术栈:

Server – 服务端

  • 语言: Go 1.25

  • 框架: Gin

  • ORM: GORM

  • 数据库: PostgreSQL

  • 认证: JWT (JSON Web Tokens), OAuth2, Goth

  • API 文档: Swagger

  • 定时任务: Cron

  • 其他: User-Agent 解析, 飞书 SDK, 微信公众号

Admin – 管理端

  • 框架: Vue 3 + Vite

  • UI 组件: Element Plus

  • 状态管理: VueUse

  • Markdown 编辑器: CodeMirror 6

  • 图表: ECharts, echarts-wordcloud

  • 其他: TypeScript, Vue Router, Axios, dayjs, SCSS

Blog – 博客端

  • 框架: Nuxt 4 – Vue.js 全栈框架

  • 文章渲染: markdown-it, Highlight.js, Mermaid

  • 样式: SCSS

  • SEO: @nuxtjs/seo, Sitemap, Atom Feed

  • PWA: @vite-pwa/nuxt

  • 其他: TypeScript, VueUse, dayjs, Lenis, medium-zoom, APlayer

支持docker 快速部署
目录结构
server/├── api/              # API 定义│   ├── middleware/   # 中间件 (认证、CORS、日志、限流、RBAC等)│   ├── router/       # 路由配置│   └── v1/           # API v1 版本接口├── cmd/              # 应用入口│   └── main.go├── config/           # 配置管理├── docs/             # Swagger 生成的文档├── internal/         # 内部业务逻辑│   ├── dto/          # 数据传输对象│   ├── model/        # 数据模型│   ├── repository/   # 数据访问层│   └── service/      # 业务逻辑层├── pkg/              # 可复用的包├── templates/        # 模板文件├── Dockerfile└── go.modadmin/├── src/│   ├── api/              # API 接口│   ├── assets/           # 静态资源│   ├── components/       # 公共组件│   ├── layouts/          # 页面布局│   ├── router/           # 路由配置│   ├── types/            # TypeScript 类型定义│   ├── utils/            # 工具函数│   ├── views/            # 页面组件│   ├── App.vue           # 根组件│   └── main.ts           # 入口文件├── public/               # 公共文件├── index.html            # HTML 模板├── vite.config.ts        # Vite 配置├── nginx.conf            # Nginx 配置└── Dockerfile            # Docker 配置blog/├── app/                  # 应用主目录│   ├── assets/           # 静态资源│   ├── components/       # Vue 组件│   ├── composables/      # 组合式函数│   ├── layouts/          # 页面布局│   ├── pages/            # 页面路由│   ├── plugins/          # Nuxt 插件│   ├── utils/            # 工具函数│   └── app.vue           # 根组件├── public/               # 公共文件├── server/               # 服务端代码│   ├── plugins/          # 服务端插件│   └── routes/           # API 路由├── types/                # TypeScript 类型定义├── nuxt.config.ts        # Nuxt 配置└── Dockerfile            # Docker 配置

FlecBlog 想做的不是“更复杂”,而是“更完整”。 简约,不是把内容做空。 高级,也不是故作夸张。 它更像一个安静但可靠的内容容器, 适合长期写作,也适合慢慢生长出自己的品牌风格。

MomoBlog

一个极简的Blog模板,使用 Astro 搭建博客的设计理念也来自于此,从简约出发,在复杂功能与简约设计之间达到一种平衡。

astro框架打开速度非常的快,这个界面也是真简洁
快速开始
git clone https://github.com/Motues/Momo.gitcd Momopnpm installpnpm dev
关于astro的可以看我之前写的一个文章
【软件推荐】做外贸站别老盯着WordPress推荐一个不一样的前端框架Astro
FlecBlog项目地址:
https://github.com/talen8/FlecBlog

Momo项目地址:

https://github.com/Motues/Momo