原创

小站上线,有话要说!

小站之路
4 条评论
12 人喜欢
333 次阅读

耶耶耶,小站终于上线了

断断续续,历时两个月左右。今天小站终于发布了第一个版本,有点开心。毕竟这是第一个前端、后端和接口服务都是由自己完成的项目。当然,这里少不了网上大佬的各种开源项目,尤其感谢 jooger.me,我整个前端的界面都是照抄他的,毕竟自己的审美不是很好,希望以后版本慢慢脱离他人的设计吧。

Blog

整个前端blog的界面仿了大佬博客的设计,包括里面的交互。所以觉得也没什么好讲的。有兴趣的可以取看看大佬的博客,地址上面贴了。当然,代码也是我一点一点码出来的,学到的知识当然还是有的。

首先,博客大体框架选用的Nuxt.js,因为博客需要对搜索引擎的支持,所以需要服务端渲染成多页面(PS:我这个小站基本上的用Vue全家桶)。博客的样式选用了Stylus 这个CSS的预处理框架。然后又好好复习了一遍Vue的生命周期,组件通信,Vuex等等。哦,对了!本地存储用的是localForage,它的好处:

localForage 是一个 JavaScript 库,通过简单类似 localStorage API 的异步存储来改进你的 Web 应用程序的离线体验。它能存储多种类型的数据,而不仅仅是字符串。

localForage 有一个优雅降级策略,若浏览器不支持 IndexedDB 或 WebSQL,则使用 localStorage。在所有主流浏览器中都可用:Chrome,Firefox,IE 和 Safari(包括 Safari Mobile)。

localForage 提供回调 API 同时也支持 ES6 Promises API,你可以自行选择。

Admin

后端管理直接用了vue-element-admin,省了不少时间,没啥好讲的,毕竟之前公司的项目都是使用element-ui搭建,所以上手比较快。

Server

重头戏来啦,毕竟我是一个前端出生,叫我来写后台接口服务还是有点为难的。但是迫于自己建站的事实,只好硬着头皮学啦。

还好我们有伟大的Node.js和MongoDB,对于前端来说学习压力不是很大。我也就零零碎碎花了半个月吧(😅),还好终于学到了一些皮毛。

所以最后的服务端使用了express+mongoose。express负责路由通信,mongoose负责链接MongoDB。

VPS

上面所有的东西写好了也只能一个人欣赏,为了让别人看到你的博客当然你需要一台服务器啦。
在服务器部署网站的知识又花去了我不少时间。首先我学习了linux的操作系统(感谢windows的诞生,linux太苦逼了,估计只有大佬用的爽)。然后学习nginx搭建服务和代理。

当然,你所有的进程都需要PM2来守护,不然你的SSH关闭你的网站就会直接GG。

建站历程

我会把自己的建站历程以及学到的知识发布到博客上。其实一开始建站的时候我就在掘金上发布了一些相关环境搭建的文章,当然这并不是用来显摆自己多厉害,只是给自己做一个笔记防止以后忘记,如果能帮助到需要的人那我会感到很开心。

总结

这次经历,不仅仅是搭建起来了博客,而是在搭建博客的过程中学会了许多新的知识,包括之前从未设计的后端服务。这很让人开心。

总之,学到的东西不少,杂七杂八。主要还是自己有拖延症,有时候根本不想取写。希望以后能坚持下去给网站升级吧。前面的知识我也会整理整理全部写下来,不然过了三五个月就忘光了。。。

算是给自己的2018年写下了一个句号吧,希望以后的日子里自己可以更加优秀。

4 条留言
中国-广东省-广州 Windows 7 Chrome | 68
厉害呀
回复
中国-福建省-厦门 Android 微信 | 6.7.2.1340(0x2607023A)
测试看看
回复
中国-广东省-广州 Windows 10 Chrome | 70
我就想知道大佬的vue在哪里学习的,能不能分享一下
1条回复
中国-浙江省-杭州 Windows 10 Chrome | 73
第一条评论当然由我自己测试啦
回复