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

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正式上线

相关推荐
Devil枫10 分钟前
Vue 3 单元测试与E2E测试
前端·vue.js·单元测试
尚梦44 分钟前
uni-app 封装刘海状态栏(适用小程序, h5, 头条小程序)
前端·小程序·uni-app
GIS程序媛—椰子1 小时前
【Vue 全家桶】6、vue-router 路由(更新中)
前端·vue.js
前端青山2 小时前
Node.js-增强 API 安全性和性能优化
开发语言·前端·javascript·性能优化·前端框架·node.js
毕业设计制作和分享2 小时前
ssm《数据库系统原理》课程平台的设计与实现+vue
前端·数据库·vue.js·oracle·mybatis
程序媛小果2 小时前
基于java+SpringBoot+Vue的旅游管理系统设计与实现
java·vue.js·spring boot
从兄3 小时前
vue 使用docx-preview 预览替换文档内的特定变量
javascript·vue.js·ecmascript
凉辰4 小时前
设计模式 策略模式 场景Vue (技术提升)
vue.js·设计模式·策略模式
清灵xmf4 小时前
在 Vue 中实现与优化轮询技术
前端·javascript·vue·轮询
大佩梨4 小时前
VUE+Vite之环境文件配置及使用环境变量
前端