一年时间, 我们开发了一款开箱即用的开源博客系统

hi, 大家好, 我是徐小夕, 今天给大家分享一款由helloworld开发者社区开源非常实用的博客系统------飞鹅.

飞鹅(flygoose)是款完全免费开源博客系统,源码可以二次开发,没有任何限制,可以快速帮助开发者搭建一个专属于自己的独立站点.

当然技术上也是使用大家最最熟悉的 vue3 生态, 如 nuxt3, antd 等, 后端采用Golang + mysql, 接下来我会和大家分享一下 飞鹅 的技术架构, 功能特点, 以及如何快速部署自己的独立博客站点.

先给大家展示一下使用飞鹅系统配置出来的博客效果:

技术架构 & 技术栈

一个好的开源项目一定离不开高效的开发模式和代码规范, 飞鹅开源博客系统在开发之初就确定好了成熟的本地开发部署的全链路研发方案, 具体 DevOps 流程如下:

博客系统的技术 & 产品架构:

接下来分享一下飞鹅(flygoose)使用到的技术栈:

前端部分:

  • nuxt3 (seo友好)
  • ant-design
  • vue3 + ts
  • vue3 全家桶插件库

所以想学习 nuxt 的朋友也可以在这款开源项目中学到很多 最佳实践.

后端部分:

主要技术栈为go + redis + mysql , 所以大家对后台服务开发感兴趣, 也可以从中学到如何从零开发后台服务.

基本功能介绍

我们从演示图可以看到个人博客前台主要分为如下几个模块:

  • logo和搜索区域
  • 分类区域
  • 内容列表区域
  • 侧边公告,简介和友链区

这些区域大家都可以在后台管理系统中自定义配置:

当然后台管理中有很多可配置的功能, 大家可以自己在 github 下载部署体验一下.

接下来再介绍一下大家比较关注的博客内容界面:

内容展示上我们也做了贴心的用户体验设计, 让创作者和读者对文章内容都有一个不错的体验, 内容编辑器我们也是采用了非常酷的md方案:

除此之外, 我们还对博客做了响应式设计, 轻松支持移动端, 这样网站运营者就不用担心移动端适配的痛点了:

在整个博客开发设计中, helloworld开发者社区 的资深设计师也从独特的产品设计理念上为飞鹅注入了独特的设计美感, 所以这款博客系统还是非常值得一试的.

参与贡献

如果你对这款开源博客系统感兴趣, 也欢迎贡献自己的力量, 一起和我们共建更好的开源生态. 同时如果你对博客的部署, 启动和开发有疑问, 也随时欢迎沟通反馈:

更多推荐

爆肝1000小时, Dooring零代码搭建平台3.5正式上线

相关推荐
Yvonne爱编码33 分钟前
CSS- 1.1 css选择器
前端·css·状态模式·html5·hbuilder
qianmoQ42 分钟前
GitHub 趋势日报 (2025年05月11日)
github
山河故人16344 分钟前
uniapp使用npm下载
前端·npm·uni-app
-曾牛1 小时前
基于微信小程序的在线聊天功能实现:WebSocket通信实战
前端·后端·websocket·网络协议·微信小程序·小程序·notepad++
一口一个橘子2 小时前
[ctfshow web入门] web72
前端·web安全·网络安全
Web极客码2 小时前
如何使用WordPress SEO检查器进行实时内容分析
前端·seo·wordpress
Stella25212 小时前
【Vue】CSS3实现关键帧动画
前端·vue.js·css3
junjun.chen06062 小时前
【在qiankun模式下el-dropdown点击,浏览器报Failed to execute ‘getComputedStyle‘ on ‘Window‘: parameter 1 is not o
前端·javascript·前端框架
Yvonne爱编码2 小时前
HTML-3.3 表格布局(学校官网简易布局实例)
前端·html·github·html5·hbuilder
素雪风华2 小时前
构建RAG混合开发---PythonAI+JavaEE+Vue.js前端的实践
java·vue.js·python·ai·语言模型·llms·qwen千问大模型