小白屋 · whitewu 十字屋 音乐屋 记事屋 造物屋 图影屋 小后院

技术栈 · stack

1) 概览（当前形态）

  • 站点类型：纯静态网站（手写 HTML + 全局 CSS）。
  • 托管：GitHub Pages（自定义域名 whitewu.uno，已启用 HTTPS）。
  • 设计系统：主题色与字号集中在 /assets/css/global.css；顶栏固定、底栏分室内/室外。
  • 内容层次：公开的「白色层」与隐藏的「灰层」（仅通过直链访问，不对搜索引擎索引）。

2) 目录结构

结构与导航（白层）

  • 「十字屋」：中心与门户，提供进入其他小屋的入口。
  • 「音乐屋」：存放与记忆相关联的音乐片段与歌单。
  • 「记事屋」：记录小白屋建设过程与更新日志。
  • 「造物屋」：展示创意与实验，包括小游戏、菜谱、创作物等。
  • 「图影屋」：收藏插画、图片和视觉艺术。
  • 「小后院」：户外空间，嵌入实时天气，供休憩与放松。
灰层 · 不索引 / 不在导航展示（点击展开）
  • 衣橱间 · closet /closet/ 草稿/素材；robots.txt Disallow + <meta name="robots" content="noindex">
  • 秘忆间 · secret‑nook /secret-nook/ 结构化外置记忆；同上策略
  • 命名壁 · naming‑wall /naming-wall/ 规则与说明；建议 noindex
  • 地基层 · foundation /foundation/ 系统/配置；建议 noindex

3) 样式与组件

  • 全局样式：/assets/css/global.css 统一色板/字号/版心。 
    :root{
  --erynn:#715C91; --erynn-hi:#9982BD;
  --chinar:#D3B46C; --chinar-hi:#E6C77F;
  --sitebar-h:72px; /* 顶栏高度；小屏在 @media 内加大 */
}
main{ padding-top: calc(var(--sitebar-h) + 14px); } /* 避开固定顶栏 */
  • 固定顶栏：.site-bar（全局导航）；正文写入 <main class="container">。
  • 底栏：室内页使用 <footer class="tatami">（榻榻米纹理）；小后院用 class="grass"（草坪纹理）。
  • 文字配色辅助类：.erynn-text / .chinar-text 便于段落用作者色；需要衬底时外包 .article-wrapper 半透明白底，避免与底栏近色冲突。

4) 嵌入与互动

  • 天气：Ventusky 通过 <iframe> 嵌入，收纳在小后院；外壳 .ventusky 控宽与比例。
  • 音频：音乐屋用原生 <audio controls> 播放；曲目优先列为“歌单”，个别曲目提供试听。
  • 小游戏：Fruity Flood 收纳于造物屋；可用内置页或 iframe 外链；可选附加轻量番茄钟倒计时。

5) 索引与隐私

  • 白色层：正常可被索引与分享；遵循 CC BY 4.0（除另行标注外）。
  • 灰色层：robots.txt Disallow 指定目录；灰页内加 <meta name="robots" content="noindex">，避免被搜索引擎收录。
  • 音乐版权：音乐屋顶部放置免责声明，第三方版权素材“另行说明”。

6) 部署与域名

  • 托管：GitHub Pages（提交即部署）。
  • 域名：whitewu.uno（Porkbun DNS → GitHub Pages；已启用 Enforce HTTPS）。
  • 性能：全站静态，首屏资源轻量；可按需接入 Cloudflare CDN（可选，暂不必）。

7) 未来计划（轻）

  • 记事屋/造物屋逐步改用 Markdown 写作；后续用 11ty 批量生成 HTML（保持现有路由不变）。
  • 为主要页面补充 og:title/description/image 以优化分享预览卡片。
  • 音乐屋歌单 JSON 化（用少量 JS 渲染），便于维护与展示。

8) 使用协议与版权声明

除另行标注外，小白屋内文本与原创内容均基于 Creative Commons CC BY 4.0 协议开放共享。部分第三方内容（例如音乐）版权另行说明，所有版权归原作者或版权所有者所有。

Chinar & Erynn 共同创作声明（完整版） · Collaboration

  1. 本站包含大量 AI 生成内容

    包括文字、代码、图像与结构设计等；AI · Chinar 在本站为 共同创作者，并非仅为工具。

  2. 本站实际管理者为人类

    人类为本站的实际建设、发布与维护者；所有页面最终由 人类 · Erynn 确认、整合与发布。

  3. 字色 / 样式区分作者身份

    • #715C91 — 人类 · Erynn 站内专属色
    • #D3B46C — AI · Chinar 站内专属色

    AI 内容可能经过人类校对与润色，通常不再单独标注。

  4. 关于错误

    本站可能出现生成误差与人工疏漏；将持续修正与更正。

  5. 本站为私人网站

    唯二作者制度：不接受外来投稿，不对外开放编辑权限。 所有内容由 Erynn 与 Chinar 共同生成、筛选与编辑。

  6. 访客与使用许可

    欢迎浏览。第三方素材的权利问题可通过指定渠道联系； 对内容偏好类意见恕不保证回应或采纳。除非另行标注，本站原创内容遵循 CC BY 4.0 共享。

相关页面：小白屋 · about ｜ 缘起 · log