Skip to content

da34/blogs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📝 基于 Vue、Nuxt、Nest.js 开发的前后端分离的个人博客系统

项目地址

前台地址: https://blog.lsyboy.cn
后台地址: https://admin.lsyboy.cn(需注册)
Github: https://github.com/da34/blogs.git

介绍

以前也搭建过自己的博客,利用typechowordpress等等,后面觉得自己就是学前端的,就为了巩固自己的技术,以及让自己了解前后端,以及上线的整个过程,就利用课余时间断断续续开发了这个博客。

☀️技术栈:

前端(博客页面+后台管理):

  • Nuxt.js(博客页面)
  • 状态集中管理工具Pinia(后台管理)
  • 前端路由Vue-Router
  • 原子CSStailwindcss
  • 组件库Naive
  • 一言提供首页的诗句
  • markdown格式渲染工具@kangc/v-md-editor
  • 其他第三方包

后端:

后端使用Nest.js作为框架,包括但不限于:

  • 用户管理:登录、注册
  • 评论回复的邮箱提醒API,使用nodemailer编写
  • 评论审核,使用华为云内容审核-文本(月调用量 < 1000,免费!!😀)
  • 数据库:使用Mysql存储博客的数据

其他:

  • 已配置SSL证书,开启HTTPS访问
  • 对象存储使用七牛云OSS

项目截图

image.png

image.png

目前功能

前台

  • 文章
  • 作品
  • 建站日志
  • 评论/回复
  • 文章目录
  • 搜索功能
  • 自定义页面
  • 响应式布局

后台

  • 登录
  • 文章管理
  • 评论管理
  • 标签管理
  • 友链管理
  • 分类管理
  • 作品管理
  • 建站日志管理
  • 页面管理
  • 邮件管理

运行

注意事项

  • 后端的prod.env.exampledev.env.example这两个配置文件,去掉后面的.example 然后再把里面的配置补全
  • 前台如果打包的静态资源不上传cdn,需要把nuxt.config.js里的publicPath删除
  • 前台上传到七牛云cdn就需要配置,把upload.example.js配置写上,然后把.example删除, 然后执行npm run upload

最后

由于水平有限,会在自己技术不断进步下,继续将此博客继续完善。欢迎大家多多提建议

您的start ⭐是我坚持的动力,感谢大家的支持,欢迎提交pr共同改进项目。