v1.1
Ashen Blog Management System, developed with Koa2 and Vue2, easily build your own blog.
Ashen Blog 管理系统,采用 Koa2 和 Vue2 完成开发,帮助你轻松的搭建自己的博客。
Ashen Blog系统遵循ES6+的代码标准,前端采用了Vue 2.x作为开发框架,后端采用了Koa 2.x作为RESTful API 服务器开发框架,是一款的前后端分离并利用axios进行数据通信的单页面应用。
Client端展示博客,目前有:文章列表、文章详情、日期归档、标签归档、阅读列表和个人介绍。
Admin端管理博客,目前支持:Markdown编写博客、快捷按键及Tool bars、自动保存博客、批量标签管理、阅读列表管理、撰写个人介绍。
Server端作为RESTful API服务器,负责与Client/Admin端进行数据通信。
数据持久化方面使用Mysql作为数据库。
demo地址:
下载好项目以后,首先安装依赖:
npm install
需要修改config文件:
# 修改baseUrl为你的服务器地址
vim admin/src/main.js
# 修改baseUrl为你的服务器地址
vim client/src/main.js
# 修改数据库配置db为你的数据库配置
vim server/config/index.js
使用命令:
# 以开发模式运行Client 端
npm run dev-client
# 打包Client端
npm run build-client
Client端展示博客,目前有:文章列表、文章详情、日期归档、标签归档、阅读列表和个人介绍。
使用marked实现Markdown解析。
使用highlight.js实现代码高亮。
使用moment对显示日期进行格式化。
使用命令:
# 以开发模式运行Admin 端
npm run dev-admin
# 打包Admin端
npm run build-admin
Admin端管理博客,目前支持:Markdown编写博客、快捷按键及Tool bars、自动保存博客、批量标签管理、阅读列表管理、撰写个人介绍。
初始账号:admin
初始密码:1qaz@wsx
使用Simplemde实现Markdown编写,支持快捷键和自动保存,具体快捷键请查看相关文档:simple-markdown-editor
利用函数去抖及axios实现文章的自动保存。
使用命令:
# 以开发模式运行Server 端
npm run dev-server
# 部署服务(请先全局安装pm2)
npm start
Server端作为RESTful API服务器,负责与Client/Admin端进行数据通信。
利用JWT实现鉴权系统。
利用Koa2及一些中间件和工具函数实现REST。
欢迎提交issue。
欢迎提交pr,请fork dev分支,并在其上编写代码。
非常感谢!