VueBlog从2.0版本开始是采用Nuxt.js开发的,之前的版本是基于Vue.js开发的,可在Tags标签下查看所有版本。
- v2.0.0 前后端完全分离,需分别部署前端和后端服务
- v2.1.0 前后端同构,Node既做渲染服务又做api服务
- 后台服务用Koa + mongoose重写
- 提供支持GraphQL和RESTful的双版本API
- 操作系统: windows10
- 开发工具: Visual Studio Code
- 前端: Nuxt.js + vuex
- 后端: Node.js + MongoDB
- 支持服务端渲染
- 支持PWA
- 支持Markdown编辑器,可上传图片,代码高亮
- 支持文章发布,保存草稿,在线编辑
- 支持自动创建标签和归档
- 安装MongoDB数据库和Node.js环境
- 开启数据库服务,以windows电脑为例: 在桌面上新建一个
demo
文件夹,命令行执行mongod --dbpath c:demo
就成功在本地开启服务了 - 运行项目
git clone https://github.com/wmui/vueblog.git
cd vueblog
npm install nuxt
npm install
npm run dev
# 访问http://localhost:3000/
- 默认用户名: q, 默认密码: q
说明: 首次编译会比较慢,一定要等到编译进度条100%才能正常访问,node的版本建议8.9.3稳定版,另外之所以先执行npm install nuxt
再执行npm install
是为了防止nuxt
中的依赖包和其它项目中的依赖包出现版本冲突,导致安装失败。
VueBlog长期更新,由于是个人项目,不建议直接用于线上,欢迎issue,欢迎PR