早上好喵2026-11-04

关于

一个把博客反复重建的人。

我是彭兆轩,网上叫 Dream。

白天写前端,晚上写这个站。喜欢把界面做得安静一点、把文章写得慢一点——信息密度不必高,但每一条都要有用。

我在做什么

  • 前端工程:组件、设计系统、性能预算
  • 独立建站:从 Markdown 到部署,全链路自己动手
  • 偶尔设计:这套「壁纸 + 窗口」的材质系统是自己搓的

技能矩阵

领域 常用 熟练度
前端框架 Vue / React / Astro ████████░░
样式与设计 CSS、设计 token、动效 █████████░
构建与部署 Node 脚本、Hugo、Cloudflare ███████░░░
后端 Node、轻量 API █████░░░░░
写作 中文技术写作 ███████░░░

(熟练度是自评,纯装饰,别当真。)

这台站是怎么来的

页面只有两层:壁纸与窗口。

  • 壁纸:一块 CSS 渐变画布,全站同一图层,可以在 site.json 里换成一张图。
  • 窗口:按钮、卡片、面板、正文容器,都是同一种骨架,材质可切换。
  • 液态玻璃:一个独立渲染程序(assets/glass/)。背景固定时用 SVG 位移场做真折射,指针位置驱动 specular 反射,重算交给 Web Worker。
  • 纸:另一个独立渲染程序(assets/paper/)。暖白面 + 纤维纹理,没有折射、没有反射层。
  • 内容:Markdown + frontmatter,与 Obsidian 语法对齐(callout / 脚注 / 内链 / 任务列表全部支持)。
  • 构建:build.mjs + lib/,零第三方依赖,9 篇文章出 25 个页面约 0.1 秒。
  • 搜索:构建时建倒排索引,前端按 IDF + 顺序匹配 + 连续奖励打分,不是简单的 includes。
  • 部署:Cloudflare 静态资源,没有 Worker 业务脚本。

联系方式

不接广告,不写软文,正文全部手写。留言和邮件都会看,但不一定当天回。

版权

除特别注明外,本站文字采用 CC BY-NC-SA 4.0 许可,代码采用 MIT。

转载请注明出处并保留原文链接。拿去商用之前,先问我一声。

依赖与工具

下面是本站在用的全部外部依赖。除了 Node 与 wrangler,构建链上没有任何第三方库。

名称用途许可
Node.js 构建运行时(Markdown → HTML) MIT
Cloudflare Workers Assets 静态托管与边缘分发(无 Worker 脚本) Cloudflare 服务条款
wrangler 部署命令行(仅 devDependency) Apache-2.0
SVG feTurbulence / feDisplacementMap 液态玻璃的纸纹与真折射位移场 W3C 规范
system-ui / ui-rounded 全部字体,不下载 Web Font 随操作系统
Pillow 一次性图片转码(WebP / 缩略图),不在构建链上 HPND
Obsidian 写作环境,Markdown 语法基准 免费个人使用