【Github】项目名:vue – blog:Vue2+Node.js+Mongodb前后端分离的个人博客
项目简介
这是一个使用Vue2、Node.js和Mongodb构建的前后端分离的个人博客项目。其前端主要采用vue.js、vue – router、vue – resource、vuex等技术,后端主要基于node.js、mongodb、Express构建。该博客具备多种功能,如前台页面有canvas粒子效果、能搜索文章、动态显示文章、留言、文章分类显示、评论文章、文章目录等,后台管理页面可进行发布文章、存为草稿、搜索文章、修改账户、权限验证、登录验证以及使用markdown编辑器等操作。
项目运行
运行环境需要node.js和mongoDB。首先克隆远程库git clone https://github.com/FatDong1/VueBlog.git,进入项目目录VueBlog后,安装依赖npm install。安装完数据库后,启动mongodb(不要关闭当前窗口,然后重新打开另外一个dos窗口,进行下一个步骤)mongod –dbpath d:\data(d:\data为数据库文件夹位置,可自行设置)。运行服务器(确保数据库mongodb已经启动,不要关闭当前窗口,然后重新打开另外一个dos窗口,进行下一个步骤)npm run start在8082端口热重载开发,等待一会后,会自动弹出浏览器窗口(加载会比较慢,请耐心等待),也可使用npm run dev。账户为boss,密码为123456。另外,若要测试邮箱通知功能,需要将server/app.js和/server/api/comment.js里面的[email protected]改为自己的邮箱,该项目已经为大家注册了一个公用126邮箱去发送邮件,如果频繁发送邮件到一固定邮箱,则会被当成垃圾邮件被系统拦截,可在接收邮箱中设置邮箱白名单,也可以在接收邮箱中添加公用的126邮箱为联系人,登录界面在最底下的——‘站长登录’。
项目总结
这个vue – blog项目整合了多种前端和后端技术,功能较为丰富,无论是对于想要学习前后端分离博客构建的开发者,还是对于想要搭建个人博客的用户来说,都有一定的参考价值。欢迎大家在评论区留言,分享自己对于这个项目的看法或者使用过程中遇到的问题。
项目地址
数据统计
数据评估
本站链氪巴士提供的vue-blog:Vue2+Node.js+Mongodb前后端分离的个人博客都来源于网络,不保证外部链接的准确性和完整性,同时,对于该外部链接的指向,不由链氪巴士实际控制,在2024年12月6日 上午12:00收录时,该网页上的内容,都属于合规合法,后期网页的内容如出现违规,可以直接联系网站管理员进行删除,链氪巴士不承担任何责任。