// 关于
关于
这个站点没有模板痕迹,也没有多余的装饰。它由两个偏好决定:把颜色减到只剩一种, 把语气收敛到只在元信息里出现。
我是「一只特立独行的熊猫」——这个站点唯一的作者。日常写后端,处理数据管道、接口边界, 以及那些上线三个月后才会暴露的一致性问题。这个博客是我把工作里想明白的事写下来的地方 ——不是教程,更像是给自己留的施工记录。
为什么是熊猫和终端
熊猫身上只有两种颜色,黑白,而且分得很干净。这正好是我想要的界面原则:中性色只有 灰阶,彩色只留一处。
终端则是另一回事。它的性格在语气上——等宽字体、提示符、命令与输出。但这类元素
极易过火,满屏的 $ 和闪烁光标会迅速变成 cosplay。所以这个站点把终端
语汇严格限制在元信息层:日期、标签、导航、页脚。正文里一个字都不提。
技术上的取舍
整站没有客户端框架。主题开关是唯一的 JavaScript,十二行,负责把 data-theme
写进 <html> 并落到 localStorage;首屏主题在 <head>
里同步执行,避免深色模式下的闪白。
文章走内容集合,Schema 里限定了日期、标签、摘要几个字段,超出范围的 Frontmatter 会直接让构建失败——把内容规范交给类型系统,比交给自觉可靠。
代码高亮用 Shiki 的双主题模式:浅色是直接写在行内的默认值,深色另存为
--shiki-dark 一组变量,再按 data-theme 用一行 CSS 覆盖,
不需要为深色模式准备第二套样式。
本站速览
前面几段是叙述,下面是几条可以直接引用的固定信息。
- 站点
- 迷糊熊猫
- 域名
- fuzzpanda.com
- 作者
- 一只特立独行的熊猫
- 语言
- 简体中文
- 内容
- 工程笔记 · 设计思考
- 订阅
- RSS
- 许可
- 代码 MIT · 文章 CC BY-NC-SA 4.0
技术栈
- 构建工具
- Astro 5 · TypeScript
- 内容
- Markdown + Content Collections
- 代码高亮
- Shiki · 明暗双主题
- 客户端脚本
- 主题开关,约 12 行
- 配色
- 灰阶 + 单一强调色
想聊点什么,写信到 hi@fuzzpanda.com。