// 作品

平时自己也写了不少还在跑的东西。

  1. MailHub
  2. AuthTOTP
  3. Workspace
  4. 科技大讲堂 H5
  5. 这个博客
MailHub 统一总览：所有域名的来信汇成一条时间线（example.org 虚构数据）MailHub 统一总览：所有域名的来信汇成一条时间线（example.org 虚构数据）
MailHub 邮件详情：验证码置顶，一点即复制（虚构数据）MailHub 邮件详情：验证码置顶，一点即复制（虚构数据）
MailHub 作者自用版登录页：来信汇进 XTian 手办怀里的信封MailHub 作者自用版登录页：来信汇进 XTian 手办怀里的信封
MailHub 手机上的统一总览截图（虚构数据）MailHub 手机上的统一总览截图（虚构数据）
XTian 手办：抱着信封

// 01 · 最近用得最多的

MailHub已开源

把自己的域名变成随时能收信、自动提取验证码的邮箱。

MailHub
AuthTOTP 公开工具首屏：浏览器本地生成的 6 位动态码，旁边是发光的 3D 锁孔盾牌XTian 手办站在全息盾牌前，旁边写着密钥只在这台设备上流动AuthTOTP 私有保险库登录页：手办推开发光的保险库门AuthTOTP 自托管：终端里依次启动保险库、健康检查、未登录访问被拒（401）、调用方令牌取码（演示数据）
XTian 手办：举着盾牌和钥匙

// 02

AuthTOTP已开源

自托管的 2FA 动态码保险库，公开工具零上传。

AuthTOTPtotp.xtian8.com
Workspace 后台文章看板截图（左侧两栏的未发布标题已模糊）
XTian 手办：夹着一台迷你服务器机柜

// 03

Workspace

把写作发布、项目管理、服务器和 AI 助手放在同一个地方。

  • 写作发布
  • 项目管理
  • 服务器
  • AI 助手
打磨中
科技大讲堂活动 H5 首屏截图
XTian 手办：拿着麦克风演讲

// 04

科技大讲堂 H5

活动页、报名系统和管理后台一个人做完

  • 活动页
  • 报名系统
  • 管理后台
博客首页亮色主题截图博客首页亮色主题截图文章页截图文章页截图文章列表暗色主题截图终端卡片：委托 frontend-reactbits 把 4 个 lab demo 换成正式页面，回报四项验收全部通过终端卡片：今天的部署过程——npm run build、rsync 同步到服务器、curl 确认作品页返回 200
XTian 手办：扛着一支大钢笔

// 05

这个博客

这个博客本身，也是我用 AI Agent 一轮轮搭出来、自己部署上线的。

文章

更多项目在工具箱