作品集

项目详情

每个项目，从问题出发，到交付成果。

• 
  2026·网站

  Gestio — 开支管理工具

  我的角色 : 设计、开发与部署 — 个人项目

  一款用于日常记录、分类和可视化开支的 Web 应用，简单且注重隐私。提供仪表盘、按类别的图表，以及容器化自托管部署（Docker），从设计之初就以安全为先。

  成果 : 财务数据始终保留在用户手中：Docker 自托管部署，全程不经过任何第三方服务。

  • PHP 8.4
  • MySQL
  • Docker
  • Bootstrap 5

  访问网站 →
• 
  2026·网站

  CodingQueen40 — 博客

  我的角色 : 设计、开发与内容撰写 — 个人项目

  以「40 岁之后打造你的数字事业」为主题的内容博客，分为两个独立板块（科技 与 40+ 女性），并配有变现资源页。内容以 MDX 形式存放于仓库中，界面支持多语言（FR/EN/DE/ZH），以 SEO 为先（metadata、Open Graph、sitemap），分析脚本仅在用户同意后加载。

  成果 : 使用 MDX 发布，无需 CMS 和数据库；页面静态预渲染，分析脚本仅在获得同意后加载。

  • Next.js 16
  • Tailwind v4
  • MDX
  • next-intl
  • SEO

  访问网站 →
• 
  2026·自动化

  Grey Weekly Watch — 自动化技术情报

  我的角色 : 方案设计、开发与 CI 自动化 — 个人项目

  一条 Python 流水线，聚合四个领域（AI、网络安全、前端、云）的 RSS 源，按关键词过滤，通过 OpenAI API 为每篇文章生成摘要，将结果归档到 Notion，并每周发送邮件简报。通过 GitHub Actions 每周一自动运行。

  成果 : 每周一自动送达的情报简报，全程无需人工干预：过滤、摘要与归档均自动完成。

  • Python
  • OpenAI
  • Notion API
  • GitHub Actions

  查看代码 →
• 
  2026·SaaS

  chinese.io — 普通话学习 SaaS

  我的角色 : 架构设计、全栈开发与上线 — 个人项目

  普通话学习 SaaS：基于间隔重复的复习（ts-fsrs）、自适应水平测试、HSK 进度追踪与连续打卡。技术架构采用 Next.js（React Server Components）、PostgreSQL、Better Auth 与 Stripe 计费，托管于欧盟（符合 GDPR）。公开仓库分享了从平台中抽取的三个开源包，以及一份架构案例研究。

  成果 : 一个完整的平台——间隔重复、水平测试、Stripe 订阅——托管于欧盟，并从中抽取出三个开源包。

  • Next.js
  • TypeScript
  • PostgreSQL
  • Stripe
  • ts-fsrs

  查看代码 →

技术栈与技能

前端

• Next.js
• React
• TypeScript
• Tailwind CSS
• MDX
• Bootstrap 5

后端与数据

• Python
• PHP 8.4
• PostgreSQL
• MySQL

基础设施与工具

• Docker
• GitHub Actions
• Stripe

AI、国际化与 SEO

• Claude Code
• API OpenAI
• Notion API
• ts-fsrs
• next-intl
• SEO technique