网站日志
记录本站的初心、成长、改动记录与站内使用规范。
建站初衷
这是我的个人数字自留地。
用来存放旅途见闻、日常思考、旧友故事、练习的代码与作品。不追求流量，只用来留存自己的人生碎片。
就像签名写的：你看，天上的云，聚了又散，散了又聚，人生亦是如此。希望在这里留住那些转瞬即逝的片段。
站点分为三大记录板块：随笔感悟、人物记述、旅行记录。随笔作为日常记录生活的主要载体，现已支持图片、录音MP3、视频MP4多种媒体格式；人物记述专门存档亲友、旧友的过往故事；旅行板块用来存放出行途中值得留存的影像与回忆。文字不再是唯一的记录方式，声音与画面同样可以保存当下的情绪。
更新记录
2026‑09‑12｜网站搭建
- 搭建主页框架，引入站点计时、看板娘
- 新增项目卡片：抖音入口、网站日志、留言板
- 制作【岁月记录】人物记述页面，存档朋友故事
2026‑09‑18｜多媒体能力迭代
- 随笔页面新增支持图片、MP3录音、MP4视频嵌入，丰富回忆载体
- 完善页面备注、摘抄、文末小结统一模板
- 整理网站维护规范，记录路径、文件命名、视频转码、常见故障处理
2026‑10‑01｜目录页与音乐影像页
- 新增「目录」页：左侧三级树（分类 → 年份 → 文章）、中间年份清单、右侧悬浮小节目录，支持搜索
- 新增「音乐与影像」页：17 首本地曲库 + 大播放条，点歌即播
- 全站 13 个子页换上一套皮肤，导航改成浮在照片上的无框工具条
2026‑10‑28｜主题与动效
- 主页做出 15 套图片背景主题，缩略图直接点选
- 首屏加入缓慢流动的波浪分界线、漂浮光点、鼠标柔光与入场幕布
- 每个子页按页面类型派发不同的入场动画，不再全站一个淡入
- 音乐按钮改成彩色常亮跳动，正在播放时一直发光
2026‑11‑07｜整体换成暮光风格
- 主页重做：照片背景 + 毛玻璃卡片 + 淡紫强调色，左侧信息栏、中间栏目、右侧悬浮目录
- 栏目拆成一张张独立的玻璃卡，背景的透视感透出来，不再挤在一个大面板里
- 主题面板新增「光 / 黑暗 / 系统」三态，切的是整站 CSS 风格，不只是换图
- 主题面板新增「我的照片」，从手机相册里挑任意一张当背景
- 底部音乐卡：极光封面 + 五根节奏条，播放时才跳；公告常驻显示
- 子页背景回到自己的湖泊原图，子页也支持一键光暗切换
2026‑11‑08｜把家重新收拾了一遍
- 全站导航统一成一条浮在照片上的工具条：只留顶部一层渐变，不再有那个黑色分离的胶囊框
- 首页内容全部换成最近的：大佛禅院（10‑28）、春熙路（10‑15）、金顶（08‑10）；随笔换成胡强又搬家、秋日记、富饶家喝酒、国庆几多事
- 光主题不再突兀：照片上盖一层很薄的白纱，像雾里的湖面；另加了「清晰 / 模糊」开关，背景能一键柔化
- 首屏照片会慢慢漂移、光晕在呼吸；配了 6 张背景，点右下小圆点能换，也会自己每 13 秒换一张
- 「最近的图片」改成自动轮换，永远从最新拍的那几张开始
- 看板娘重新开口：台词写进站内，不再依赖外网，说的是这些照片和随笔里的事
- 入场动画整体放慢、每页各不一样：随笔从左滑入、技术缩放、人物柔焦、关于页缓缓浮起
- 改成「先做减法」：能收的收、能统一的统一，宁可少一点，不要花
- 把主题面板里那个「我的照片」格子整段删了，一百多行代码一起清掉——既然首屏已经会自己轮播最新照片，再让人一张张点选就多余了
- 「最近的图片」六格换成手边最新的六张：人心不如水、强哥请客、难得合照、但愿人长久、大佛禅院、又回春熙
- 手机上导航改成能横向滑动的一排，不再把工具按钮挤到屏幕外面去
- 给每个页面、每个 css 和 js 文件都写了中文注释：这页是干什么的、哪一段管导航、想改颜色该去哪个文件改
想法：这一轮没添新花样，全在收。以前总想每页都塞点不一样的东西，结果十二个页面十二种脾气，自己看都乱。
现在把导航、玻璃卡、紫调、光暗统一成一套，页与页之间只留一点点手感差别——像同一间屋子里的几个房间，
摸起来是同一种木头。往后想加东西，先问一句：它是让这间屋子更完整，还是只是在墙上多钉一颗钉子。
2026‑11‑08 夜里｜照片自己会换，门一开就有歌
- 游记那一块从单张轮播改成「一大两小」的拼接照片墙：三格各占一张，轮着换，同一时刻总有一两张在动
- 换图时轻轻一跳，不是硬切；照片一直慢慢漂，像水面上浮着的东西
- 首屏背景只用三张自己挑的湖与山：晨雾湖、林间晨雾、极光雪山——慢慢漂、慢慢换、还能点小圆点手动换
- 进门就放歌：页面打开后的第一次点击（哪怕点的是别处）音乐立刻起，之后点导航那颗音符就能开 / 关
- 主题面板只留「光 / 黑暗 / 系统」——那 15 个图片小格整段删了，背景交给首屏自己轮，想手动换点右下小圆点
- 新写了「更新站内数据.py」和「一键更新数据.bat」：随笔丢进 random-thoughts、照片丢进 travel-photos、资料丢进 web-tools，双击一次，首页最新随笔、游记照片池、侧栏数字、目录页就按最新日期自己重排
- 顺手修了自动汇总里两个毛病：有的照片日期被认成「2026-01-1」；排序会把没写日期的旧文章排到最新前面
- 目录页左边那棵树、右边那份年度清单，现在跟首页看的是同一份数据，改一处两边一起变
想法：以前加一篇随笔，得手改五六处——首页四张卡、侧栏数字、目录页的数组、照片池、还有「全部 N 篇」。
改漏一处，站里就自相矛盾。夜里想通了：这些数字本来就该由文件夹自己算出来，人只负责往里面放东西。
于是写了那个脚本，让它去数。现在「更新」变成了一件可以交给手的事，不是我必须记得的事。
站子像院子，我只是偶尔扫一扫落叶，别天天盯着它。
2026‑11‑08 深夜｜把门框擦掉，给每件作品拍了照
- 子页那条压在照片上的暗色导航带彻底撤了：现在首屏完全透明，只有字带一层描边阴影；滚下去超过一指才补一层淡底，免得正文从字缝里穿过去
- 技术折腾的每张卡换成了它自己网页的真实截图——以前七张卡共用一张星球图，看不出谁是谁
- 新增「华诚帝诺走刀仿真」一张卡：NC / G 代码拖进来就能看三维走刀，切割与空程分开画，时间轴随便拖
- 九张缩略图统一存在 static/img/tools/，800 宽，以后加网页照这个尺寸截一张丢进去就行
- 随笔页、游记页现在也归「更新站内数据.py」管了：以前那两处得手工拼卡片，现在跑一次就自己长出来
想法：卡片封面本来就该交代「这是哪一件东西」，而不是共用一张好看的图。
同一张图重复七次，看着齐整，其实什么都没说。换成各自的门脸之后，反倒像一个院子的七间房，推开都不一样。
导航也是同理——那条暗带是想让字看得见的，结果先把照片挡掉了；字自己带一圈阴影，门框就不必再画。
未来计划
- 完善留言板功能，支持访客留言
- 持续更新随笔记录日常生活，用文字、照片、音视频留存当下；完善人物记述档案；补全旅行板块重要影像记录
- 继续优化页面动效与细节
- 有内容想提醒更新和人物冒犯隐形地方请联系作者更改删除，多多理解
站内维护简要规范
新增随笔、人物档案、上传多媒体文件可参考下面要点，完整详细文档查阅「网站维护使用说明.html」。
目录简要
homepage‑master/
├─ index.html 网站首页
├─ random‑thoughts.html 随笔感悟列表页
├─ character‑notes.html 人物记述列表页
├─ characters/ 人物档案html全部放在这里
└─ static/
├─ img/ 全部图片、封面图
├─ audio/ MP3录音音频
└─ MP4‑file/ MP4视频文件
- 根目录页面资源路径使用
./static/xxx；characters子文件夹页面使用 ../static/xxx
- 资源文件名禁止中文、空格、特殊符号，Cloudflare Pages区分大小写。
图片注意
- 优先webp/jpg，尽量避免大体积png；不要直接上传微信未经保存的压缩图片，优先使用原图。
- 图片下方增加浅色备注，记录拍摄时间、地点、心境，便于日后回看。
MP3音频注意
- 存放至static，格式mp3。
- 转录文字稿不能写在audio标签内部，必须放在audio闭合标签之外，否则文字完全不渲染。
视频重点：微信导出MP4大多为H.265(HEVC)编码，网页只能听见声音看不到画面，必须转码为H.264(x264)；暂时不想转码可只提供下载按钮。
常见快速排错
- 资源404：检查路径的
../、文件名大小写、存放文件夹；F12网络面板定位加载失败项。
- 页面样式错乱：检查div标签是否闭合，媒体标签不能跑出article‑content容器。
- 看不到更新：使用 Ctrl+F5强制清除浏览器缓存刷新页面。
← 返回主页