My Blog

关于本站

一个聚焦 前端 · Python · FastAPI 的个人技术站。

你好,我是 yourname。这里记录我在前后端开发、AI 工具应用与工程实践中的所思所得。

本站既不是教程站也不是新闻站,更像是一份可检索的工程笔记——遇到的问题、踩过的坑、最终落地的方案,整理成文以便日后回溯。如果其中某篇恰好帮到了你,那是意外之喜。

🎯 关注方向

  • 现代前端工程:Astro / React / TypeScript / 构建工具链
  • Python 后端开发:FastAPI / 异步编程 / 类型系统
  • AI Native 工具:Claude Code / Prompt Engineering / Agent 工作流
  • 个人效率基建:博客 / 知识库 / 自动化脚本

🛠️ 技术栈

前端

  • 框架:Astro 6(Islands 架构,零 JS 默认) + React 19
  • 样式:Tailwind CSS 4(utility-first,按需生成)
  • 类型:TypeScript 6(strict mode)
  • 内容:MDX + Zod Schema 严格校验 frontmatter
  • 搜索:Orama(客户端全文索引,中英文加权)
  • 状态 / 表单:React Hooks + 自研 Hooks(useDebounce 等)

后端 / Python

  • Web 框架:FastAPI(类型驱动 + 自动 OpenAPI 文档)
  • 异步运行时:asyncio + uvicorn
  • 数据校验:Pydantic v2(与 FastAPI 一脉相承)
  • ORM:SQLAlchemy 2.0(async 模式) / SQLModel
  • 任务队列:Celery / Arq(按需)
  • 测试:pytest + httpx(异步 API 测试)

AI 工具链

  • 主力 IDE / AgentClaude Code(Anthropic 官方 CLI,agentic workflow + tool use)
  • 本地 LLM 推理:LM Studio(OpenAI 兼容 API + 向量检索 RAG)
  • Embedding:text-embedding-nomic-embed-text-v1.5 / bge-m3
  • 提示词工程:few-shot / chain-of-thought / structured output

工程 / 部署

  • 版本控制:Git + GitHub
  • CI/CD:GitHub Actions + release-please(conventional commits → 自动化版本)
  • 包管理:pnpm(前端)/ uv(Python)
  • 代码质量:TypeScript strict / ESLint / tsc --noEmit / pre-commit
  • 部署:Node standalone / Docker(反代 + HTTPS)

✨ 本站特点

  • 极致性能:Astro Islands 架构,文章页默认 0 JS,按需水合
  • 🔍 全文搜索:客户端索引(Orama),⌘K 唤起命令面板
  • 🤖 AI 问答:基于本地大模型 + RAG(向量检索博客内容),支持多轮对话
  • 🛡️ 安全优先:CSP / API 限流 / HMAC 鉴权 / 真实 IP 解析
  • 📊 错误监控:客户端 4 类错误捕获 + /admin 后台查看
  • 🏷️ 标签系统:单一真源(tags.json)+ zod 严格校验引用
  • 🌗 深色模式:跟随系统或手动切换
  • 📤 一键分发:支持自动发布到 CSDN / 掘金

💼 工作方式

我个人偏好 AI Native 工作流——用 Claude Code 处理重复性任务(代码生成 / 重构 / 测试编写 / 文档整理), 自己聚焦在问题定义、方案决策、关键代码 review。这种分工让我能把精力放在真正需要判断力的地方。

如果你也用 Claude Code,可以看看我整理的实践笔记;如果有不同看法,欢迎在评论区或 GitHub 交流。

📬 联系方式


如果你发现文章中有错误或有不同见解,欢迎通过 GitHub Issue / PR 指正。 本站所有内容均为个人见解,与雇主无关。