你好，很高兴在这里遇见你你好，很高兴在这里遇见你

你好，欢迎来到这里。我是 Xavier。

无论你是偶然点开这个链接，还是带着一个具体的问题而来，都很高兴能在这里遇见你。你可以慢慢读一篇笔记，也可以随意翻翻，看看有没有一句话、一个想法，刚好与你正在做的事情有关。

如果你只是路过，也想认真向你说一声：你好，谢谢你来。

这篇文章，想先和你打个招呼，再聊聊做这个网站的过程。等到它真的变成一个能被别人打开的地址，我才发现，值得记下的事情已经积攒了不少。

想给自己的记录找一个地方

最开始，我想要的东西很简单：一个能放下技术笔记、AI 实践和读书想法的个人博客。

文章用 Markdown 写，不必每次都打开一个复杂的后台；内容提前构建好，让读者打开页面就能开始阅读。Next.js、TypeScript 和 Tailwind 帮我搭起了骨架，但网站应该长成什么样，仍然需要自己一点点做决定。

写在本地的笔记通常只需要自己看懂。放到网站上，就要多想一步：第一次来到这里的人，能不能找到文章，能不能理解标题，能不能舒服地读完一段话？

从那时起，我开始用一个访客的眼光，重新看待这个网站。

自己的风格，藏在很小的地方

配色从头像里来。蓝紫色做主调，留一点藕粉作点缀，再慢慢调整深浅两种主题下的文字、背景和分隔线。

乍看只是几种颜色，实际做起来，却要反复确认代码块里的字是否清楚、引用会不会太抢眼、浅色模式下的次要文字会不会淡得看不见。

中文排版也让我花了不少心思。英文眉标换成中文，大标题试着用宋体，正文保留适合长时间阅读的字体。到了手机上，又重新检查标题怎么换行，避免最后一行孤零零地留下两个字。

还有文章上方的小指纹、轻轻起伏的分隔线、正文结尾的签名。它们都很小，却让我逐渐觉得，这个页面开始有了自己的样子。

做完这些，我更愿意把“好看”理解成一件具体的事：读者的视线能顺着内容走下去，很少被不必要的东西打断。

动效也需要学会安静

我确实喜欢有回应的界面。

点下按钮时轻轻按压，切换导航时指示器跟着移动，页面从点击的位置展开；封面随着滚动，逐渐把读者带进首页。这些反馈让操作变得更明确，也让浏览多了一点触感。

但加上去以后，还得继续问：这段动画为什么要出现？它有没有让人多等一会儿？连续点击时会不会乱？用键盘操作，还能不能顺利走下去？

路由淡入就是一个很小的例子。换页时，淡入可以提示内容已经变化；第一次打开网站时，同样的动画却会让正文晚一点才完全显现。于是，首屏的那一次被关掉了。

后来又加了 Hush 静音模式，按 H 或点击页脚的静音按钮，就能让这些动效安静下来。系统选择减少动态效果时，网站也应该尊重这个选择。

让网页安静下来，把注意力留给正在阅读的人。让网页安静下来，把注意力留给正在阅读的人。

页面里当然也留了一点玩心：七位动物小伙伴，以及藏起来的扫雷和 2048。如果你偶然发现了头像里的小秘密，欢迎休息一局，再回来继续读。

简单的界面，背后也有需要承担的事

做网站时，新的想法很容易一个接一个冒出来。想让访客留句话，想给小游戏保存成绩，也想在第一次通关、刷新纪录时，送上一点鼓励。

真正往下做，才会发现，一个留言框和一张排行榜背后，还有数据放在哪里、怎样校验、怎样审核，以及以后由谁维护的问题。

这些尝试让我更清楚地看见了功能的边界。留言和线上成绩还有需要继续完善的地方，目前游戏纪录保存在当前浏览器里。我希望把现状说明白，再逐步补齐。

有时，一个需求看上去只差一个按钮，实际上需要先把按钮后面的事情想清楚。

从本地预览，到一个可以分享的链接

网站在自己的电脑上能打开，和别人真的能访问，中间还隔着一些工作。

构建是否通过，页面地址是否正确，文章能不能直接打开，RSS 和站点地图有没有使用真实的线上域名，访问一个不存在的地址时会看到什么——这些都要在上线时再确认一遍。

发布的过程，让“完成”这两个字变得具体了。它包括好看的首页，也包括很少有人主动注意到的细节。

等到这个地址终于能被分享出去，我反而不太想继续往页面上堆东西了。我更想开始写，把做项目时遇到的问题、读书时没想通的地方，以及后来改变的理解，慢慢放进来。

以后，就在这里慢慢写

这里会继续记录前端、AI 和阅读，也会留下像这篇一样的建站手记。

我还会遇到新的问题，写下不够成熟的判断，再在实践之后回来修改。希望每篇文章都尽量交代清楚：为什么开始，试过什么，得到了什么，还有哪里没有想明白。

也欢迎你带着自己的经验来读。我们可能有不同的习惯、不同的答案，这些差异本身就值得交流。

谢谢你成为这个网站的一位访客。

愿你在这里读得舒服，偶尔找到一点有用的东西；也愿我能把这份开始时的认真，留到之后的每一篇文章里。

很高兴认识你。我们下一篇笔记见。