📝 Personal Blog 技术架构图
FastAPI + React + SQLite | 手绘风格 SVG | 零 AI Token 成本
前端层
后端 API 层
数据采集层
数据存储层
安全与工具层
用户浏览器
Nginx 反向代理
React + Vite
Tailwind CSS
FastAPI
Uvicorn ASGI
Playwright
BeautifulSoup4
前端页面 Home / Post / Dashboard / Login
Auth API (JWT认证)
Posts API (文章CRUD)
Categories API (分类管理)
Tags API (标签管理)
Images API (图片上传/缩略图)
Settings API (博客设置)
Crawl API (网页采集)
Playwright Stealth
SQLAlchemy ORM
Pydantic 数据校验
Pillow 缩略图生成
SQLite blog.db
文件存储 uploads/ thumbnails/
python-jose JWT令牌
passlib 密码哈希
python-multipart 表单解析
外部网站 (SPA/静态)
HTTP/HTTPS
API请求
REST API
运行
SPA采集
HTML解析
反检测
渲染/抓取
写入文章
SQL
缩略
保存
签发/验证
bcrypt
上传
Request/Response
组件类型:
前端
后端
数据库
外部API
认证
通用
连接类型:
数据流
认证流
配置
生成时间: 2026-04-26 | 使用 hand-drawn-diagram 技能