博客线上地址 lzf-allen.top
项目地址:前台首页:github.com/lz-allen/nu… 后端管理界面:github.com/lz-allen/bl… 如果觉得不错的话,您可以点右上角 "Star" 支持一下 谢谢! ^_^
此项目采用前后端分离的实现,后台接口基于RESTful规范设计,只提供数据,部分前端负责路由跳转,权限限制,渲染数据等,还有一部分是后台服务端SSR,两个月前写了一个Vue SPA单页面,github也有源码,由于在公司接触了静态站点和服务端渲染,所以打算将代码重构,主要为了SEO的优化
技术栈
Nuxt+ Vue.js+Node+MongoDb+Koa2
实现的功能
- admin管理页增删查改博客
- 博客分类ets
- 博客内容markdown
- 博客作品
- 博客友链
- 博客归档
- 返回顶部
- markdown代码高亮
- 管理员登录
- 用户评论
- 文章搜索
- 响应式
- 部署上线
效果预览
项目结构
|——api.............................前端接口api |——assets.......................前端资源(图片,css) |——components..............前端公共组件 |——layouts......................前端公共的布局组件 |——pages.......................前端页面 |——plugins.....................elemeent-ui |——server.......................后端(路由,中间件,model,以及配置) |——static........................静态文件(项目在运行中会作为一个静态站点) |——utils..........................工具类 |——nuxt.config.js...........nuxt配置文件
server
server是根据mvc结构写的,分工明确便于修改和维护