我vibe coding了一个博客系统?
> ibe coding的大忌大概就在于燃烧人民币去重复造轮子。但是我仿佛好像一直在重复这个路。 ## 初衷 暑假闲的没事,作为一个Ai赋能的天才程序员,才思枯竭,ai模型更新极快,但是自己用的又是另外的样子,曾经的前端之神Gemini已然陨落。泯然众人,然而claude code 又太贵完全不
> ibe coding的大忌大概就在于燃烧人民币去重复造轮子。但是我仿佛好像一直在重复这个路。 ## 初衷 暑假闲的没事,作为一个Ai赋能的天才程序员,才思枯竭,ai模型更新极快,但是自己用的又是另外的样子,曾经的前端之神Gemini已然陨落。泯然众人,然而claude code 又太贵完全不
53这是用于验证文章详情页的摘要。
124花了两个晚上把博客彻底重构了一遍:后端 44 个任务逐一落地,测试 41/41 全绿。写代码的快乐,就是把坑一个个填平。
194## 关于这个夏天 这个夏天把博客彻底重构了一遍:**Astro 前台 + Vue 后台 + Hono API**。 > 写博客的意义,在于给未来的自己留一盏灯。 - 换上了思源宋体 - 极简阅读模式 - 评论开放 ``` 心情指数:★★★★☆ ```
12## 组合式 API 的取舍 `script setup` 让组件更聚焦。 ```ts import { ref, computed } from 'vue' const count = ref(0) const double = computed(() => count.value * 2)
36## 为什么选 Hono Hono 极轻、TS 优先、路由清晰。 ```ts import { Hono } from 'hono' const app = new Hono() app.get('/hello', (c) => c.json({ hi: 'mblog' })) ``` ##
5## SSG 还是 SSR 博客这种内容型站点,Astro 的 islands 架构很合适。 - 服务端渲染 HTML - Vue 岛负责交互 - Lenis 平滑滚动 ## 双主题换肤 CSS 变量 + `data-theme`,简单可靠。
2## 中文分词是个坑 unicode61 分词器把连续中文当成一个 token,搜不到子串。 解决方案:**逐字分词**。 ```sql -- 写入时:正文内容 -> 正 文 内 容 INSERT INTO posts_fts(content_md) VALUES ('正 文 内 容'); `
1## 架构 - `mblog-api`:Hono + SQLite - `mblog-site`:Astro SSR - `mblog-web`:Nginx 入口 ```yaml services: mblog-api: build: ./backend mblog-site:
1## 图片 - 现代格式优先 - 按需加载 ## 字体 - `font-display: swap` - 系统字体回退 ## 代码 > 少即是多。
8
> ibe coding的大忌大概就在于燃烧人民币去重复造轮子。但是我仿佛好像一直在重复这个路。 ## 初衷 暑假闲的没事,作为一个Ai赋能的天才程序员,才思枯竭,ai模型更新极快,但是自己用的又是另外的样子,曾经的前端之神Gemini已然陨落。泯然众人,然而claude code 又太贵完全不
这是用于验证文章详情页的摘要。
花了两个晚上把博客彻底重构了一遍:后端 44 个任务逐一落地,测试 41/41 全绿。写代码的快乐,就是把坑一个个填平。
## 关于这个夏天 这个夏天把博客彻底重构了一遍:**Astro 前台 + Vue 后台 + Hono API**。 > 写博客的意义,在于给未来的自己留一盏灯。 - 换上了思源宋体 - 极简阅读模式 - 评论开放 ``` 心情指数:★★★★☆ ```
## 组合式 API 的取舍 `script setup` 让组件更聚焦。 ```ts import { ref, computed } from 'vue' const count = ref(0) const double = computed(() => count.value * 2)
## 为什么选 Hono Hono 极轻、TS 优先、路由清晰。 ```ts import { Hono } from 'hono' const app = new Hono() app.get('/hello', (c) => c.json({ hi: 'mblog' })) ``` ##
## SSG 还是 SSR 博客这种内容型站点,Astro 的 islands 架构很合适。 - 服务端渲染 HTML - Vue 岛负责交互 - Lenis 平滑滚动 ## 双主题换肤 CSS 变量 + `data-theme`,简单可靠。
## 中文分词是个坑 unicode61 分词器把连续中文当成一个 token,搜不到子串。 解决方案:**逐字分词**。 ```sql -- 写入时:正文内容 -> 正 文 内 容 INSERT INTO posts_fts(content_md) VALUES ('正 文 内 容'); `
## 架构 - `mblog-api`:Hono + SQLite - `mblog-site`:Astro SSR - `mblog-web`:Nginx 入口 ```yaml services: mblog-api: build: ./backend mblog-site:
EXPLORE
MOVIES
PROJECTS