VueBlog Vue+Node.js+MongoDB个人博客系统

vue 和 Node 搭的个人博客系统,功能做得还挺全的。文章能编辑、修改、删除,支持 Markdown 写作,预览也流畅。代码高亮用的是Highlight.js,看着舒服,写起来也顺手。

用户登录注册也一应俱全,配合Vue-Router做页面跳转,体验比较自然。注册之后才能写文章,权限控制也做得还不错,不容易出问题。

Vue-Cli搭的前端脚手架,结构清晰,开发起来也方便。页面 UI 用的是Element UI,默认样式就挺好看,省得你再折腾一遍。

后端用的是Node.js + Express,配合Mongoose操作 MongoDB,逻辑写得不复杂,适合前端开发者入门学习后端。像app.js是后端的入口,结构清晰,逻辑也没堆得太多。

目录也蛮规整的,比如index.html是入口页面,webpack.config.js是打包配置,整个项目跑起来没太多坑。响应也快,适合部署在个人服务器上当作品集。

如果你想自己搭个博客系统,又不想踩一堆坑,这套vueBlog可以看看,结构明了,功能也实用。

zip
vueBlog-master.zip 预估大小:30个文件
folder
vueBlog-master 文件夹
folder
screenshot 文件夹
file
manage.png 108KB
file
edit.png 87KB
file
detail.png 112KB
file
gitads.png 36KB
file
index.png 104KB
file
signin.png 39KB
folder
server 文件夹
file
check.js 385B
file
router.js 2KB
file
db.js 442B
file
favicon.png 854B
file
.babelrc 210B
file
package.json 1KB
file
index.html 334B
folder
src 文件夹
file
App.vue 2KB
folder
assets 文件夹
file
head.jpg 22KB
file
atom-one-light.css 1KB
file
main.js 2KB
folder
components 文件夹
folder
admin 文件夹
file
signin.vue 3KB
file
articleList.vue 3KB
file
articleEdit.vue 7KB
file
article.vue 2KB
file
articleDetail.vue 1KB
file
sidebar.vue 3KB
file
about.vue 94B
file
LICENSE.md 1KB
file
.gitignore 65B
file
webpack.config.js 2KB
file
app.js 970B
file
README.md 1KB
file
favicon.ico 4KB
zip 文件大小:445.95KB