在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称:StudentWan/ashen-blog开源软件地址:https://github.com/StudentWan/ashen-blog开源编程语言:Vue 41.4%开源软件介绍:Ashen Blog
介绍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 端使用命令: # 以开发模式运行Client 端
npm run dev-client
# 打包Client端
npm run build-client Client端展示博客,目前有:文章列表、文章详情、日期归档、标签归档、阅读列表和个人介绍。 使用marked实现Markdown解析。 使用highlight.js实现代码高亮。 使用moment对显示日期进行格式化。 Admin 端使用命令: # 以开发模式运行Admin 端
npm run dev-admin
# 打包Admin端
npm run build-admin Admin端管理博客,目前支持:Markdown编写博客、快捷按键及Tool bars、自动保存博客、批量标签管理、阅读列表管理、撰写个人介绍。
使用Simplemde实现Markdown编写,支持快捷键和自动保存,具体快捷键请查看相关文档:simple-markdown-editor 利用函数去抖及axios实现文章的自动保存。 Server 端使用命令: # 以开发模式运行Server 端
npm run dev-server
# 部署服务(请先全局安装pm2)
npm start Server端作为RESTful API服务器,负责与Client/Admin端进行数据通信。 利用JWT实现鉴权系统。 利用Koa2及一些中间件和工具函数实现REST。 Contribute欢迎提交issue。 欢迎提交pr,请fork dev分支,并在其上编写代码。 非常感谢! 致谢License |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论