我的博客终于重构完成了!掐指一算,历时接近一年吧?为什么这么长?那当然是太菜了!
整体改动
摒弃 django + vue-cli + antd-vue 前后端分离模式
更换为 vite2 + ts + naive-ui 纯前端静态页面
好像是更贴切大前端时代了!😄
局部优化
- 首页做了一些有意思的过度动画,这些动画是跨组件跨页面的!
灵感来源 page-transitions-travelapp - 重构了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了解并使用
通过努力,最后我重构好了我的博客。但是百度收不收收录,仍不知道。。。