分享我自己用Koa2+Vue2写的一个博客管理系统Ashen Blog
发布于 6 年前 作者 StudentWan 4236 次浏览 来自 分享

先展示一下

最初想做这个Blog,主要是看到了一位厉害的学长Chuck Liu的作品:

Kov-Blog

非常感谢的是Chuck Liu学长开源的系统,我在开发的过程中从他的代码里学到了很多知识,从架构到开发的都有,在写客户端的代码时,因为对自己的设计感实在绝望,也沿用了学长的布局,非常感谢。

另外令人开心的是,写这样一个系统也帮助学长de了一个小bug,也算是Kov-Blog的contributer了吧!

先放上demo和截图~~~ demo

client 客户端界面

admin 管理端界面

介绍

Ashen Blog系统遵循ES6+的代码标准,前端采用了Vue 2.x作为开发框架,后端采用了Koa 2.x作为RESTful API 服务器开发框架,是一款前后端分离并利用axios进行数据通信的单页面应用。

Client端展示博客,目前有:文章列表、文章详情、日期归档、标签归档、阅读列表和个人介绍。

Admin端管理博客,目前支持:Markdown编写博客、快捷按键及Tool bars、自动保存博客、批量标签管理、阅读列表管理、撰写个人介绍。

Server端作为RESTful API服务器,负责与Client/Admin端进行数据通信。

数据持久化方面使用Mysql作为数据库。

最后

详细的文档在我的github上:

Ashen Blog

由于水平还不怎么样,所以代码肯定存在很多问题,希望大家多提issue和pr,非常感谢~~~

另外走过路过不要忘记留下star啊~~~

二鞠躬~~~

8 回复

喜欢这个UI :)

@mrtanweijie Thx~不过这个UI是参考了kov blog,而kov blog是参考了vue官网,所以并不是原创哈哈 自豪地采用 CNodeJS ionic

界面是还很ok的, like

@anziguoer 谢谢 自豪地采用 CNodeJS ionic

大佬你好,咨询一下,之前写应用的时候,经常使用koa-static实现静态资源服务,你的这个项目里静态资源服务是怎么实现的呢?

@guozhengzhongGit 你好!没有实现静态资源的保存,因为我写博客习惯把图片之类的静态资源存在七牛云上 自豪地采用 CNodeJS ionic

@StudentWan 啊,那意思就是静态的html、css、图片啥的全托管在了七牛上,koa的node服务器只负责接收路由请求给客户端吐json了?

@guozhengzhongGit 不是的 前端的代码也在服务器上,不过是编译好的静态页面,放在nginx上 自豪地采用 CNodeJS ionic

回到顶部