当前位置: 欣欣网 > 码农

2k star!一款国人开发的博客项目,清新优雅~~

2024-03-15码农

* 戳上方蓝字「 开源先锋 」关注我

推荐阅读:


大家好,我是开源君!

今天分享一款国人开发的博客项目 - NBlog

项目介绍

NBlog 是一个基于 Spring Boot + Vue 的前后端分离博客系统,它将前端页面和后端逻辑完全分离,使得开发和维护更加灵活和易于扩展。

NBlog 的主要功能包括:

  • 文章管理:支持文章发布、编辑、删除、置顶、分类、标签等功能。

  • 分类管理:支持分类添加、编辑、删除等功能。

  • 标签管理:支持标签添加、编辑、删除等功能。

  • 评论管理:支持评论发布、回复、删除等功能。

  • 用户管理:支持用户注册、登录、修改密码等功能。

  • 友链管理:支持友链添加、编辑、删除等功能。

  • 系统设置:支持系统配置、站点信息、SMTP 邮箱配置等功能。

  • 性能特色

  • 采用前后端分离架构,开发和维护更加灵活和易于扩展。

  • 基于 Spring Boot 和 Vue 构建,性能稳定可靠。

  • 支持多种数据库,包括 MySQL、PostgreSQL、Oracle 等。

  • 支持多种主题,可自由更换。

  • 支持 Markdown 编辑器,方便写作。

  • 支持评论系统,方便交流互动。

  • 支持搜索功能,方便查找文章。

  • 支持 SEO 优化,提高网站排名。

  • 安装部署

    1、创建 MySQL 数据库 nblog,并执行 /blog-api/nblog.sql 初始化表数据 2、修改配置信息 /blog-api/src/main/resources/application-dev.properties,包括数据库连接信息、Redis配置等
    3、安装 Redis 并启动,确保后续的数据缓存和存储正常运行
    4、启动后端服务,确保后台接口服务可以正常访问
    5、在 blog-cms 目录下执行 npm install 安装前台页面相关依赖
    6、在 blog-cms 目录下执行 npm run serve 启动后台管理页面
    7、在 blog-view 目录下执行 npm install 安装前台页面相关依赖
    8、在 blog-view 目录下执行 npm run serve 启动前台展示页面,以供用户访问

    作者还列出了一些安装部署中可能会遇到的常见问题和注意事项,小伙伴们可以参考。

    项目展示

    项目作者提供了一个前后台demo地址:

    前台:https://naccl.top 后台:https://admin.naccl.top

    先看前台,默认的是文章居中,两边分别是作者信息和过往文章等。

    页面顶部还有自定义的栏目。

    作者的一些信息

    接下来到后台看看,进来就是后台看板,可以直观展示博客文章、访客信息。

    左边则是博客管理、系统管理等功能项目。

    博客管理

    页面管理

    图床管理,支持配置 Github、又拍云、腾讯云的图床。

    还有定时任务功能、日志管理(包括任务、登录、操作、访客日志),访客数据统计(记录访客的IP、操作系统、访问时间、页面记录)等等功能。

    另外,项目还可以配置 bot 以及还有一些隐藏功能,感兴趣的小伙伴可以自行去项目地址探索~

    项目地址:
    https://github.com/naccl/nblog