重构博客堂堂复活

序

其实在两年前就建站了，但是一直都处于一种状态，总想学到的新东西塞博客上，于是就陷入到 开工→重构 的无限循环里面去了。

历代博客版本迭代经历是这样的↓

1. Django + Jinja

2. Django + Jinja + Vue2 （无构建工具 CDN引入开发）

3. Express + Vue3  RESTful + MVVM

4. Hono + Nuxt  RESTful + SSR (今天的)

Django时期我这个博客前端束手束脚的，有些好用的npm包都不好引进来，而且模板热更新缺失这块搞得我写起来挺难受的。

为什么到今天才做完呢？因为我想一点就做一点，一到忙的时候又没时间做......所以就拖到了现在。

技术栈

现在这个博客的技术栈是这样的:

• 后端: Hono / Prisma ORM / SQLite / MongoDB / R2存储桶

• 前端: Nuxt3 / TailwindCSS / Twikoo(评论功能) / Wujie (微前端)

• 后台系统: SoybeanAdmin Vue3 / Arco Design Vue / Naive UI

• 部署相关: Github Action / Zeabur (PaaS)

以后还会继续加东西上去。

以前的文章呢

哈哈这么多次迁移全挂掉了，备份里能找到的大概只有50%，反正没多少文章就随便了。

为什么选择这个技术栈

后端

1. HONO: 因为轻量，而且现代工具链方面的支持不赖

2. Prisma: 可以编译生成TS类型，环境一致性不赖，更难在迁移环节出问题。

3. SQLite: 单纯是图个备份方便，做个博客要什么高性能。

4. MongoDB: 配合Twikoo一起用的， 没什么好说。

5. R2存储桶: Cloudflare大善人懂的都懂，做个图床和文件存储够用的。

前端&后台系统

1. Bun: 相较之前用的Node，换到Bun内存占用只有之前60%的水平，内存就是钱！

2. Nuxt: SSR的含金量，毕竟之前都是用Vue的，重构到Next上那就太累了。

3. TailwindCSS: 原子化CSS领域大神，工作也离不开它，写样式唰唰两下就写完了，坏处是写久了Class有些属性想不起了怎么写了。

5. SoybeanAdmin: 样式不赖，开箱即用，二开很容易，还有Unocss加持。

6. Arco Design: 个人目前最喜欢的组件库，有微软Fluent那个感觉了。

部署相关

我的服务基本都写了Dockerfile，找个Docker托管平台就能跑起来了。 我选的是Zeabur，更符合中国宝宝体质的PaaS，支持支付宝，每个月还有五美刀的额度 (仅限Docker托管服务)。 下边是我的Zeabur邀请链接 让我恰恰米吧 https://zeabur.com/referral?referralCode=2465549122

其他功能

1. 网站统计：umami 搜索功能：algolia