Skip to content

da34/blogs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

8771a07 · May 24, 2022
Feb 17, 2022
Mar 31, 2022
Mar 31, 2022
Mar 22, 2022
Feb 12, 2022
May 24, 2022
Feb 15, 2022
Feb 17, 2022
Feb 17, 2022
Feb 17, 2022

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共同改进项目。

About

一个由Vue,Nest.js和MySQL编写的博客系统。

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published