作者 | 周周酱
本文首发于周周酱个人博客，转载请注明出处。
为什么要开发个人博客呢
作为一名可爱的前端攻城狮，喜欢整理，记录，也会在各个平台发些博客文章，后来萌生了想做自己个人网站的想法，拖了好久好久之后终于动手了。自己做UI设计，数据库设计，完成前后端的功能开发，并完成部署，这个过程觉得很有意义。
为什么要写这个系列
目前博客已经上线，也迁移了几篇文章上去。该系列文章主要作为记录，因为我记性不好。有同样需求，想动手搭个人网站的同学，也可以参考一哈。
技术选型
【博客站点】
前端：vue，nuxt
后端：mysql，nestjs，typeorm
【博客后台管理站点】
前端：vue
后端：mysql，nestjs，typeorm
前端
前端选择了熟悉的vue，前台站点考虑到seo使用了nuxt。
nestjs
nest的定义是一个渐进式的node.js框架，用于构建高效，可靠和可扩展的服务器端应用程序，nest的代码组织架构，规范和风格都是我比较欣赏的，提供了web应用的完整的解决方案。对于前端工作者开发node应用是比较容易上手的，轮子也很全面，无需自己过多考虑代码组织和架构，基本上把重心可以放在业务实现上。而且多去看看nestjs框架的源码和设计思想也是提升架构能力的好方法。
typeorm
不想在nodejs中大量写sql，用ORM框架是很好的选择，可以使用面向对象的方式组织逻辑，让代码更规范和简洁，一定程度上方便重构数据层（改表名，字段名）。在orm的选择上，比较了sequelize和typeorm，二者差不多，由于之前业务上使用过sequelize，并且nestjs和typeorm的结合会好一些，所以选择typeorm，用着用着也想弃坑，但是多查查文档还是坚持了下来。
部署
阿里云搞活动的时候买了云服务器ECS，使用docker部署后端应用，前端则nginx静态资源托管。
UI设计
对于一个没什么设计经验的人来说，设计界面是我花费最多时间的一环，比打代码还要花时间，前期浏览各种博客站点，网页模板，把喜欢的风格保存下来。后面开发的过程中，一边写着功能，一边动不动又对界面重构了一番。目前的效果是这样子的，可能后面还会改。
前台博客界面
地址：zhouzhoujiang.com
首页
文章列表
文章详情
项目列表
项目详情
