【Typecho】DreamInLake羊皮纸撕风格主题

主题介绍

2015 年的老主题，2026 年利用 AI 重新打磨升级：原创羊皮纸撕纸美术、灯泡深浅色双模式、PJAX 无刷新浏览、图片灯箱、媒体短代码（音乐 / 视频 / B站 / 九宫格画廊）。

设计：原创羊皮纸撕纸美术

整套视觉由五张原创主题图构成：页头的旧砖墙、正文的羊皮纸、撕纸边缘、页脚……深色墙面衬着暖黄色的纸面，像夜里摊开的一本旧手账。

• 三端响应式：PC 端内容最大 1180px 居中；平板居中适配；手机端（≤640px）单列排版，纸面放大挤出透明边，文字贴着纸面排。
• 日期章：每篇文章自带一枚彩色圆形日期章，共 6 种色调轮换，像在纸页上盖下的印章。

深色模式：点灯开关

页面右上角挂着一盏小灯泡，它就是深浅色的开关：

• 灯亮 = 深色，灯灭 = 浅色，状态常显、没有悬停效果；点击区域紧贴灯泡本体，点吊线和周围空白不会误触。
• 默认跟随系统：首次访问按系统的 prefers-color-scheme 自动选择；手动点过之后记住你的选择（localStorage），不再被系统变化覆盖；从未手动选过时，实时跟随系统切换。
• 深色画法：纸面美术图叠一层深棕罩，撕纸纹理完整保留；文字转暖米色、链接亮金色；文章照片一律不动颜色。
• 防闪烁：配色在页面渲染前就已判定，打开就是目标颜色，不会先白闪一下；同时声明了 color-scheme: light dark，安卓浏览器不会再自作主张把页面算法变暗。

一个小提醒：用灯泡深色时，请关掉浏览器自带的「网页深色 / 夜间模式」（或把本站加白名单）。浏览器会在本站深色之上再盖一层，背景会接近全黑，两者二选一即可。

阅读体验

• PJAX 无刷新翻页：站内链接点击即换正文，伴随淡入淡出，标题、地址栏、浏览器前进 / 后退同步更新；切换页面时会自动停止正在播放的音乐和视频。
• 灯箱看图：正文图片与九宫格图片点击看大图，同一文章（或同一九宫格）内的图片自动成组，底部有计数（如 3 / 9）；移动端可手指滑动翻页，PC 端有圆形按钮并支持键盘 ← / → / Esc；相邻图片会预加载，翻页不等待。
• 分页与导航：分页是羊皮纸药丸样式，文章列表、归档页、评论区共用；评论区分页完整可用；文章页有上一篇 / 下一篇导航；标题过长时自动单行省略，悬停可看全文。
• 搜索与评论：菜单栏有独立搜索页；移动端输入字号 16px，iOS 聚焦时不会自动放大页面；评论表单透明融入纸面，深浅色都适配，提交按钮随主题变色。

媒体短代码

写文章时直接用，不需要装插件：

• 音乐（APlayer，歌词、封面可省略）：[Music title="歌名" author="歌手" url="音频地址" pic="封面图" lrc="歌词地址"/]
• 视频（ArtPlayer 内嵌播放；万一播放器加载失败，会自动回退为浏览器原生播放器，不黑屏）：[Video url="视频地址" pic="封面图"/]
• 视频分集：用 [play] 与 [/play] 包住多个视频地址，一行一个，即为分集列表。
• B 站视频（点击后才内嵌播放，不自动播放）：[bilibili bvid="BVxxxx"/]
• 九宫格图册（自动排成 3×3 并接入灯箱）：

[gallery]
图片地址1
图片地址2
……
[/gallery]

性能取向

• 播放器按需加载：页面上有音乐 / 视频元素时才拉取对应播放器库，纯文字页大约省下 216KB。
• 图片分尺寸：首页卡片缩略图、九宫格、灯箱大图分别用对应尺寸，不再全站拉原图。
• 缓存友好：CSS / JS 都带版本参数，更新自动破缓存；图片、音视频等静态资源可配合服务器长缓存。

后台设置

主题设置（后台 → 外观 → 设置外观）保持简单：

• 站点 LOGO 地址：填入图片 URL 后，会显示在网站标题前。
• B站播放 Worker 地址：[bilibili] 短代码的播放代理。主题不内置任何人的 Worker，请填你自己部署的 Cloudflare Worker 地址前缀（部署方法见主题包内 README 的「B站播放」一节）；留空则回退为 B 站官方播放器直嵌，普通浏览器可用，微信 / iOS 内可能受限。
• 侧边栏显示：勾选要显示的模块 —— 最新文章、最近回复、显示分类、显示归档、显示其它杂项。
• 导航显示：勾选要在导航栏显示的独立页（归档、标签），取消勾选后仍可直接访问对应地址。
• 自动标签：默认开启；写文章保存时自动推荐最多 5 个标签（与手动标签合并，手动标签在前）。

主题信息

• 名称：DreamInLake（梦里依稀的小湖）
• 适用：Typecho 1.3
• 实测环境：PHP 8.3 / MySQL；PC、平板、手机与微信内置浏览器均已实测（本站运行在 PHP 8.3 + SQLite 上，同样正常）

更新记录

• v20261025（2026-10-25）

  • 标签页：可旋转的 3D 标签球（可拖动 / 悬停、支持减动效、无 JS 时回退为平铺列表），下方附「随便读读」卡片；搜索落地页也加了同样的随机卡片。
  • 搜索：导航栏「搜索」进入独立落地页，结果由服务端渲染为首页风格卡片；不显示结果计数，空搜索时显示随机文章而非报错文案。
  • 列表卡片：首页、搜索、归档列表共用一套卡片（徽标 + 标题 + 两行摘要，整卡可点，缩略图在右，移动端上下排布）。
  • 置顶文章：给文章加自定义字段 sticky=1，即可置顶到首页第一页首位（带「置顶」牌子），且不会在列表其他位置重复出现。
  • 上一篇 / 下一篇：同一秒发布的文章也能互相找到；404 页面改为 302 跳转到搜索页。
  • 移动端：菜单不再溢出撕纸区域，卡片缩略图垂直居中；主题图改为 WebP，首页缩略图、九宫格、灯箱大图分别用对应尺寸。
  • 新增主题设置：归档 / 标签导航显示开关、自动标签开关（默认开启，为新文章推荐最多 5 个标签）。
• v20261021（2026-10-21）：2015 年老主题的 AI 重打磨首版——羊皮纸撕纸美术、深浅双模式、PJAX、媒体短代码。

主题下载