早上好喵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 业务脚本。
联系方式
- 邮箱:3811868903@qq.com
- GitHub:PengZX1945
- RSS:feed.xml · Atom:feed.atom
不接广告,不写软文,正文全部手写。留言和邮件都会看,但不一定当天回。
版权
除特别注明外,本站文字采用 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 语法基准 | 免费个人使用 |