丙午
- 03-08 用 Hono 搭建轻量 API 服务
## 为什么选 Hono Hono 极轻、TS 优先、路由清晰。 ```ts import { Hono } from 'hono' const app = new Hono() app.get('/hello', (c) => c.json({ hi: 'mblog' })) ``` ##
87
乙巳
- 11-15 Astro 5 与内容驱动站点
## SSG 还是 SSR 博客这种内容型站点,Astro 的 islands 架构很合适。 - 服务端渲染 HTML - Vue 岛负责交互 - Lenis 平滑滚动 ## 双主题换肤 CSS 变量 + `data-theme`,简单可靠。
91 - 08-02 SQLite FTS5 中文搜索实践
## 中文分词是个坑 unicode61 分词器把连续中文当成一个 token,搜不到子串。 解决方案:**逐字分词**。 ```sql -- 写入时:正文内容 -> 正 文 内 容 INSERT INTO posts_fts(content_md) VALUES ('正 文 内 容'); `
71 - 04-18 Docker Compose 三服务部署
## 架构 - `mblog-api`:Hono + SQLite - `mblog-site`:Astro SSR - `mblog-web`:Nginx 入口 ```yaml services: mblog-api: build: ./backend mblog-site:
81
甲辰
- 12-05 前端性能优化清单
## 图片 - 现代格式优先 - 按需加载 ## 字体 - `font-display: swap` - 系统字体回退 ## 代码 > 少即是多。
68
你好,我是蜉蝣

10文章
2评论
1,302浏览
1友链
最新文章Writing
全部文章 →- 01 03-08 用 Hono 搭建轻量 API 服务 ## 为什么选 Hono Hono 极轻、TS 优先、路由清晰。 ```ts import { Hono } from 'hono' const app = new Hono() app.get('/hello', (c) => c.json({ hi: 'mblog' })) ``` ## 后端
- 02 11-15 Astro 5 与内容驱动站点 ## SSG 还是 SSR 博客这种内容型站点,Astro 的 islands 架构很合适。 - 服务端渲染 HTML - Vue 岛负责交互 - Lenis 平滑滚动 ## 双主题换肤 CSS 变量 + `data-theme`,简单可靠。 前端开发
- 03 08-02 SQLite FTS5 中文搜索实践 ## 中文分词是个坑 unicode61 分词器把连续中文当成一个 token,搜不到子串。 解决方案:**逐字分词**。 ```sql -- 写入时:正文内容 -> 正 文 内 容 INSERT INTO posts_fts(content_md) VALUES ('正 文 内 容'); ` 后端
- 04 04-18 Docker Compose 三服务部署 ## 架构 - `mblog-api`:Hono + SQLite - `mblog-site`:Astro SSR - `mblog-web`:Nginx 入口 ```yaml services: mblog-api: build: ./backend mblog-site: 后端
- 05 12-05 前端性能优化清单 ## 图片 - 现代格式优先 - 按需加载 ## 字体 - `font-display: swap` - 系统字体回退 ## 代码 > 少即是多。 前端开发
分类与标签Index
精选项目Work
全部项目 → Mblog MBLOG 轻量个人博客系统:Astro 前台 + Vue 后台 + Hono API,双主题(暗色科技/极简阅读)、瀑布流相册、关于页、评论/友链/项目/影音/说说、智能降级与 SEO TypeScript
zhi-richeng zhi-richeng TypeScript
mblog-ui mblog后台ui Vue
- 博客聚合项目 TypeScript
mboker-img Mboker Img photography portfolio and CMS. Frontend based on ricocc/tink-photography. TypeScript
zuopinji 作品集