我重构了博客

2022-05-11 09:41:00

我的博客终于重构完成了!掐指一算,历时接近一年吧?为什么这么长?那当然是太菜了!

整体改动

摒弃 django + vue-cli + antd-vue 前后端分离模式
更换为 vite2 + ts + naive-ui 纯前端静态页面

好像是更贴切大前端时代了!😄

局部优化

  1. 首页做了一些有意思的过度动画,这些动画是跨组件跨页面的!
    灵感来源 page-transitions-travelapp
  2. 重构了md的读取与展示方式,之前是利用markdown-it手搓页面,然后再是开始用vite-plugin-markdown,现在用的是vite-plugin-md

为什么花了这么多的时间

这里先介绍一个词,Yak Shaving.
直译是薅牛毛,是由麻省理工博士Carlin Vieri最早在90年代提出的一个编程术语。指的是:要做一件事A,就得先做B,要做B就得先做C,要做C得先做D。后被用来嘲讽"把简单的事情复杂化,忙了一圈,发现做了一堆与一开始要做的A可能毫不相干的事"。

一个实际Yak Shaving例子:

你想烤一份披萨🍕,所以你去了厨房。
在走廊里,你注意到墙上有一些油漆剥落。
于是你走去五金店去买一些油漆。
在路上,你经过一家面包店🍞,停下来吃了一个小蛋糕🍰。
在吃蛋糕时,你感到嘴里很痛。这是你一直在拖延的蛀牙。
当你拿起手机想给预约牙医👨‍⚕️时,你看到了你朋友Elizabeth正在举行一个聚会🎉的通知。
你不想空手去参加聚会,所以你停下来买了一瓶酒🍾…

最后,你还是没有烤好一个🍕

没错,我想我可能是一个重度Yak Shaving患者。最初我重构博客的本意是优化SEO,让百度能收录我的博客。但实际我在重构的时候,走了很多弯路。 这里并不是说yak shaving不好,反而是在yak shaving中成长,学习了很多东西,虽然目标可能还是没有达到,但过程是饱满的。。。

本轮重构过程中的Yak Shaving

  • 百度搜索资源平台,进行百度录入
  • vite ssr试用,载入router会有问题
  • 尝试用nuxt3,但无法引入主流antdvue、naive-ui
  • ssr框架学习试用
  • 顺路又了解了一下egg.js, midway.js
  • 了解前端内卷变迁史, 了解spa、ssg、ssr
  • 投入并使用vite强劲的几个plugin:vite-plugin-md、vite-plugin-pages
  • vite-ssg了解并使用

通过努力,最后我重构好了我的博客。但是百度收不收收录,仍不知道。。。