一个前端基于 Vue.js,后端基于 Node.js 的博客内容管理器
- 支持MarkDown语法编辑
- 博客页面对移动端优化
- 支持代码高亮
- Vue.js
- Vue-cli
- Vue-Resource
- Vue-Validator
- Vue-Router
- Vuex
- Vue-loader
- Node.js
- mongoDB (mongoose)
- Express
- Webpack
- ES6
- SASS
- Jade
- 确保已有node环境
- 配置mongoDB:官网下载安装完成后,建立数据库文件夹。以win平台为例,在C盘下新建data文件夹,进入data文件夹新建db文件夹(这是mongoDB启动时默认的数据存储目录,如果建立在其他盘上,需要在启动时通过--dbpath参数指定目录。注意mongoDB不会自动创建这个目录,如果没有目录启动时会错误) 进入mongoDB的安装目录,一般在C:\Program Files\MongoDB\Server\3.2\bin(因版本而异) 进入bin目录后,从终端启动目录下的mongod.exe(win可以按住shift右击空白处从当前目录打开命令行)
.\mongod.exe
在控制台看到 waiting for connections on port 27017
表示OK
克隆远程库
git clone https://github.com/OrangeXC/blog.git
进入项目目录
cd blog
安装依赖
npm install
进入服务器所在文件夹并运行服务器
cd server
node www
打开浏览器输入http://localhost:3000/ 如果一切OK,则进入博客的归档页面,登陆按钮在最下方。
注意 第一次从node启动时,数据库会初始化,自动插入两个用户,分别是和'admin','游客',前者有管理员权限,默认密码是111 如果需要改动,则在第一次启动前打开server目录下的
init.js
,初始化数据放在该文件中。 推荐Robomongo作为mongoDB可视化管理工具