分享我自己用 Koa2+Vue2 写的一个博客管理系统 Ashen Blog

[benyuwan]

先展示一下

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

Kov-Blog

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

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

先放上 demo 和截图~~~ demo

客户端界面

管理端界面

介绍

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 啊~~~

二鞠躬~~~

[benyuwan]

@Macolor21

simplemarkdown，README 里面有写哈

[ResidualSoils]

传不了，这火我传不了！

[benyuwan]

@ResidualSoils
May the flame guide thy way!

[as9567585]

被头像骗进来的

[cc55555]

头像美腿~~~

[sobigfish]

@as9567585 #23 而且他这个头像直接改 query 参数 可以看到大图

[benyuwan]

@sobigfish 绝了哈哈哈哈哈

[as9567585]

@sobigfish 牛 b，求参数

[sobigfish]

@as9567585 #27 呃，你看他头像 uri 一眼就发现啊（就 2 个 query s=48&d=retro ） 不清楚 lz 最高传的多大的，但感觉调高很多? s=的数值还是很清楚-。-

[dmelody]

看了樓上的我改了 URL，剛好後面工位的 MM 設計師走過來，尷尬

[enlau0912]

@sobigfish 1024 試試

[zouyun5152]

@dmelody #30 笑出眼泪

[dmelody]

@zouyun5152 关键是我还还把后面加上了 N 个 0，基本是最大分辨率&配合我的超大显示屏，那效果真的吃鸡

[damonzhaofei]

很 fashion, 很 amazing 的感觉，学到很多 feature