小张正在努力加载 · 0%

Hang on, I'm still loading.

EN

本站 · 一个人的特刊

你正在看的这个站:Go + Next.js,黑白报纸视觉,双语,带 passkey 后台。已上线。

Go / Gin / GORM / PostgreSQL / Next.js / TypeScript / WebAuthn / nginx


市场定位

给谁用:想了解我的人——招聘方、合作者、读者。它是一份可以随手发出去的「我是谁、做过什么」,比简历多一层能点开验证的产物,比社交主页多一层我自己掌控的表达。

替代什么:替代散落在各处的自我介绍。所有能验证的东西(GitHub 仓库、crates.io、获奖)都从这里链出去;所有说法都能追到产物。

凭什么:它本身就是作品。设计、后端、部署、内容管理全部自己做,过程按自己那套工作流走——这个站既是展示柜也是展品。

主要功能模块

  • 头版与栏目:首页、项目版、文章版、收藏册、关于,双语(中文为主,英文镜像)。
  • 站主后台:passkey 无密码登录,文章 / 项目 / 角色 / 二创的管理,提问收件箱,评论审核,资产库,站点身份与联络、关于页文案、搜索与分享设置——站上能改的都在后台改,不改代码。
  • 提问箱与留言:访客可匿名提问,回复后可公开进 FAQ;文章下可留言(邮箱验证码登录)。
  • 日刊 / 夜刊:按当地时间自动切换,读者点一下即可固定。
  • 搜索友好:每页独立标题与描述、canonical、hreflang、社交卡片、站点地图、结构化数据。

技术栈

  • Go(Gin + GORM)+ PostgreSQL:后端与数据。规范驱动,统一响应信封,fail-closed 配置。
  • Next.js + TypeScript:前端,服务端渲染,standalone 部署,原生 View Transitions 做页面切换。
  • WebAuthn:后台登录,手写编解码不引库,恢复码与多设备绑定。
  • nginx + systemd:单机部署,HTTPS 终结,按路径分流。

视觉是黑白报纸:版面骨架 + 纸艺质感,全站只有纸与墨两色——只有翻到收藏册那一版,世界才有颜色。全站动效走合成器线程,全部带 reduced-motion 降级。

过程本身也是内容

这个站是按 FPI-X 走的:Discovery 阶段用一个可玩的 HTML 演示页反复做设计探索;契约冻结 + 红队两轮审查——首审被 BLOCK,两个 CRITICAL 清零后才放行,再进实现。上线前把「passkey 无法自动化」这条挂账用虚拟认证器清掉了,登录、恢复码、加设备全部在无头浏览器里真跑通。

状态

已上线。原计划的常驻 3D 分身已裁撤——运维成本高于它能带来的东西。

← 项目版