Hello Blog！！！

[wolfdu]

https://wolfdu.fun/post?postId=5a0db5c9c7ad1346411b7245

项目从开坑到开发完成，部署项目断断续续也花了近一个月，终于完工啦👏

之前也有在github搭建的blog但是，机缘巧合之下看到了Chuck Liu的blog以及他blog的技术栈（vue，koa，mongoDB），让我又燃起了自己动手搭建一个blog的想法，同时还可以学习自己一直关注的技术。在此感谢Chuck Liu同学😊

这里简单介绍下blog相关功能和技术栈吧。

整个项目分为两个前端项目admin,blog和一个后台server，前后端完全分离。

admin

blog的后台管理，功能类似于印象笔记，会对草稿进行实时的保存。后面可能会加上数据监控，备忘录，任务表这些东西。

当草稿修改满意后可以点击发布，将文章发布到blog进行展示。

admin主要使用vue全家桶，系统学习了一下vuex，受益颇多。但是感觉现在项目中的处理过程还有一些复杂，找机会重构一波👹

md编辑器用simplemde实现。

blog

blog前端展示也就，功能相对admin就比较简单。

由于功能比较简单就只使用了vue并没有用全家桶。
比较花时间的是样式调整和学习，这里沿用了Chuck安利的stylus，虽然照模照样的画出来了，但是还是深感学习css和页面布局的无奈呀。还要多多积累，借鉴😝

server

server 为admin和blog提供接口，采用restful风格。
admin的建权使用了jwt实现了token建权。

初次使用koa2，还有很多东西等着我去刨根问底😉
后面会单独开坑学习总结server中遇到的一些问题，比如异常的处理，日志的处理等等。

让我们来聊(che)聊(che)技术

• vue2.x全家桶
• koa2
• mongoose
• webpack
• nginx
• pm2

以上技术都是在整个项目从开发到部署要使用到，我也是边学边用，收获也是良多。

vue不用说了社区如活跃，文档全面，没有解决不了的问题😎

koa一直是我想学习的技术，特别是在2.x发布后，ansy/await异步调用让我毫不犹豫的选择了它。

mongoose可能是之前学express时用过也没有去新开坑😹

webpack虽然使用vue-cli构建的项目，但是在打包过程中也是折腾了不少时间，从最开始一个admin的包1M到现在服务上的几十K也是蛮开心的，开个坑分析分析学习学习。

nginx对于没有亲手在空空服务器上部署过项目的我，刚刚开始还真是干瞪眼，还好有老湿机开车带，关于nginx的简单配置，也开坑记录下吧😱

pm2配合git一键部署server，我现在正是搞定了这个任务后兴奋的码着新blog的第一篇文章，开张大吉，就不吃鸡了，多开点坑🐣

最后扔上项目地址👨‍👩‍👧‍👦欢迎围观start