Alan

此刻想举重若轻,之前必要负重前行

事实上,这并不算是一次重构,更像是对我工作这段时间所学的内容的一次总结,也是对自己技术提升的一种要求,它是一个技术驱动下产生的产品。

项目启动时间:2020-11-22

博客搭建之路

其实之前我也没有少做过博客系统,可是最后没能继续用下去。

我步入前端领域接触的第一个框架是vue,由于在实习时leader要求我调研nuxt的缘故,我便决定用它来做我的第一个博客,当时的出发点完全是因为想要借此机会来巩固vue技术栈。但是由于技术面比较窄,最后只是简单的写出了一个静态页面。

第二次做博客时,可以算是对前端入门了。技术栈也处于由vue转向react的阶段,在网上查找了一系列视频进行学习。用到了技术栈egg.js+next.js+antd,搭建出了一个具有增删改查+markdown书写博文的博文全套系统(前端展示+后台管理)。但是在使用了半月后,我也意识到了问题:后期对服务器的维护成本(那时的服务器是靠着学生身份白嫖的),让我踏上了寻找新的博客系统的道路。

后面了解到了Hexo+github page的静态博客搭建方式,让我(穷人)🤪产生了兴趣,再也不需要维护数据库,也不需要花钱购买服务器就可以拥有自己的博客系统了,别提由多香了。于是在网上找到了一个符合自己口味的主题搭建起了自己的博客。这个博客也是我使用时间最长的一个博客了,截至到写这篇文章的时候大概有200天吧,这个博客相比上一个博客多了一个评论功能。在使用了一段时间后,喜欢折腾的我(DIY主题,增加功能),发现在Hexo上修改代码是件非常难受的事情,于是我开始思考如何使用自己现有的技术栈来搭建一个无需服务端的静态博客,不仅能提升巩固自己的技术栈还能提升开发体验,毕竟在公司搬砖很少有时间来提升自己。

需求分析

  • 个人主页展示
  • markdown文件正确转化为文章内容
  • 评论功能
  • 主题切换
  • 移动端适配
  • 文章列表分页
  • highlight代码块自定义
  • 文章内容全局搜索
  • 文章阅读量+网站访问量
  • 文章分类
  • 归档

技术实现方案

mind1

评论