关于
本站建立于2025年7月18日, 是由hexo框架建立的个人博客,主要是为了记录学习和生活中的心得与经验,希望这些笔记能帮到你,也希望我能坚持写下去。(2025.7.18)
2026-10-11:更新日志(管理面板) #
后台结构与查找 #
- 管理面板拆分为概览、评论、首页、导航、书架和作者模块,桌面使用侧栏,手机提供模块切换。
- 记录列表增加服务端搜索、分类与状态筛选,每页可显示 10、20 或 50 条;列表顶部和底部都可翻页或输入页码跳转。
- 新增和编辑进入独立页面,图片、封面和图标以小预览展示,减少长页面中的查找与滚动。
评论与数据操作 #
- 评论提供待审核、全部、通过和拒绝视图,取消只显示最近 80 条的限制,并支持按文章筛选和查看全文。
- 增加单条与当前页批量审核、永久删除及确认提示;删除选中的评论时保留未选中的回复。
- 单条保存只修改当前记录,批量操作只处理明确选中的条目;遇到其他窗口的修改时提示冲突,避免静默覆盖。
- 补齐背景、谚语、网站和书籍的上下移动排序,支持跨分页调整;作者社交链接集中到对应作者下管理。
界面与编辑体验 #
- 延续暖赭金、思源宋体、Google Sans 与液态玻璃,统一后台输入、按钮、复选框和分页尺寸,改善窄屏换行与图标压缩。
- 增加保存中、成功和字段错误反馈;未保存时返回、切换或退出会提示,登录过期后可重新登录并保留当前输入。
- 同步后台操作手册与设计规范,使用隔离测试数据验证审核、删除、排序和编辑,不用真实评论进行破坏性测试。
2026-10-11:更新日志 #
导航与阅读体验 #
- 导航栏 WaterNorth 字标随向下滚动向左收拢为 Worth,回到页首恢复完整字标,并适配专题内部滚动与减少动态效果偏好。
- 《人工智能,驱动新质生产力》上线新版交互式专题,加入中英切换、数据图表、任务与调度演示、来源说明和数据下载。
- 保留现有暖赭金、中文思源宋体与液态玻璃风格,书架和导航分类卡片共用统一的筛选组件。
内容与后台维护 #
- 未完成草稿退出公开文章列表与互动接口,发布时继续排除草稿文件。
- 后台批量编辑先完成全部校验,再统一提交;发生失败时整批回滚,避免删除与更新只完成一部分。
- 书架、导航和作者读取不再自动重建默认条目,默认内容改为按需初始化。
- 评论回复仅接受同篇文章中已审核的父评论,点赞、评论和文章统计只接受已发布文章。
工程与规范 #
- 对比两份项目审计并处理已确认问题,梳理现行实现与历史方案的适用范围,保留需要核实的资料与旧分支。
- 收紧源码检查范围,完善依赖声明与本地文件忽略规则,防止交付副本、临时产物和私密配置进入检查与版本记录。
- 更新生产部署与数据库操作说明,为历史生成脚本增加保护,并改用当前专题结构进行页面回归。
2026-10-05:更新日志 #
统一风格与字体 #
- 梳理已有页面样式,建立统一的颜色、字体、间距、圆角和公共组件规范,延续现有液态玻璃风格。
- 全站主题色调整为暖赭金,标题中的强调文字、链接、选中状态和键盘焦点保持一致。
- 文本选中背景也使用同一主题色,并分别适配浅色与深色界面。
- 中文统一为 Noto Serif SC · 思源宋体;英文正文使用 Times New Roman,标题、首图、菜单和界面文字使用 Google Sans。
阅读与文章排版 #
- 适当增大二级及以下标题和辅助文字,保持主要大标题的现有尺度。
- 统一正文、引用、代码、表格、公式和图注的排版,完善宽屏行长与手机阅读体验。
- 整理图文、比较、流程和宽幅内容等文章布局组件,保留代码、表格与公式的局部滚动。
- 《怦然心动》中英文台词改为按完整句子分行,保留原有内容和双语段落。
页面细节与交互 #
- 精简首页首图下方的介绍文案,直接连接精选文章区域。
- 适当放大分页控件,统一页码输入框与相邻按钮的尺寸,完善窄屏换行。
- 菜单开关、关闭按钮和导航、书架等分类卡片内的按钮取消独立玻璃层,保留容器材质与选中反馈。
- 移除评论标题左侧的装饰图标,保留原有评论与刷新操作。
维护与可访问性 #
- 将已经确认的页面风格和组件使用规则详细记录在项目文档中,作为后续维护依据。
- 保留字体、组件和文章布局测试页,便于持续比较与检查。
- 核对浅色、深色、手机、平板和宽屏布局,完善键盘焦点、菜单关闭后的焦点返回与减少动态效果适配。
2026-09-21:更新日志 #
首页与导航 #
- 将完整文章列表迁至独立的「文章」页面,首页改为精选、热门阅读、主题漫游、最新文章和作者介绍等内容分区。
- 顶部导航精简为 WaterNorth 品牌与菜单按钮,页面入口集中到右侧英文菜单。
- 首图增加随滚动内收与圆角裁剪效果,谚语居中,并保留上一张、下一张和播放/暂停控件。
界面与阅读 #
- 导航、菜单、卡片、侧栏和底栏统一为液态玻璃风格,背景改为低对比度彩色渐变。
- 扩大页面横向内容区,提高标题、简介、正文和辅助信息的字号与可读性。
- 分类、归档、标签、书架、导航和文章页采用统一的卡片材质与间距体系。
- 文章正文在宽屏下限制行长;文章侧栏展示两位作者及「文章」「主题」「获赞」统计。
内容浏览与交互 #
- 文章页面新增关键词搜索、分类与作者筛选、分页及面包屑导航。
- 首页新增精选、阅读量和点赞榜单,统计沿用网站现有数据。
- 横向卡片支持按钮、拖动、触摸和键盘操作,并加入更平滑的惯性切换。
- 完善深色模式、窄屏布局、键盘焦点和减少动态效果适配。
设计参考 #
- ASML:侧边菜单的展开方式与图标动效。
- Apple 教育:首图滚动裁剪效果。
- Apple Mac:纵向内容分区、横向卡片和切换控件。
- 站内 Liquid Glass 文章 demo6:玻璃按钮的折射、按压和弹性反馈。
- The Guardian:门户首页的栏目分区思路。
- NN/g 面包屑导航指南:内页层级与返回路径。
以上参考仅用于交互与信息组织,页面内容和视觉细节均按本站场景重新设计。
2026年6月5日,网站进行了第一次大规模更新,截至6月5日,网站已有33篇文章和1126次浏览,相信我会继续更新和维护下去。
2026-06-05:更新日志 #
核心升级 #
- 网站从静态博客升级为动态博客。
- 正式域名
https://waternorth.cn已切换到新站。 - 保留原有文章内容和主要访问路径,尽量减少迁移对阅读体验的影响。
- 保留旧站访问量基准,新站会在此基础上继续记录访问数据。
内容系统 #
- 保留 Markdown 写作方式。
- 支持按日期、分类、标签浏览文章。
- 支持文章摘要、封面图和阅读时间统计。
- 支持代码高亮。
- 优化 LaTeX 数学公式渲染,提升学习笔记阅读体验。
UI 与页面设计 #
- 使用新的页面风格重写整体界面。
- 调整页面内容宽度,减少大屏下的空白。
- 重做顶部导航栏,新增“导航”和“书架”入口。
- 保留旧站底栏格式、备案信息和访问量展示。
- 保留并优化作者卡片。
- 首页升级为大幅背景图轮播,并配合谚语展示。
文章互动 #
- 新增文章点赞功能。
- 新增评论功能。
- 评论通过审核后会显示在前台。
- 支持文章浏览量统计。
- 支持整站访问统计。
作者信息 #
- 支持多个作者资料展示。
- 作者卡片支持头像、名称、简介、位置和社交链接。
- 作者文章数和获赞数会自动统计。
导航页 #
- 新增独立导航页面。
- 导航分类独立于文章分类。
- 支持按学习、影视、论坛等类别筛选网站。
- 每个导航网站支持图标、名称、简介和分类。
- 支持自动获取网站图标。
- 支持切换导航页背景,并保留上次选择。
书架页 #
- 新增独立书架页面。
- 菜单栏新增“书架”入口。
- 书籍以封面卡片形式展示。
- 书籍卡片支持点击跳转到对应文章。
- 支持按图书分类筛选。
- 书籍卡片增加悬停高光和轻微 3D 转动效果。
管理与维护 #
- 新增管理员面板,用于维护站点常用内容。
- 支持评论审核。
- 支持维护首页背景、首页谚语、导航页背景、导航网站、书籍信息和作者资料。
- 表单增加基础输入检查,减少误操作。
兼容与保留 #
- 保留旧站主要视觉元素:作者卡片、底栏备案信息、访问量文案。
- 保留旧文章 Markdown 内容。
- 保留旧文章 URL 的日期加路径结构。
后续计划 #
- 增加站内搜索。
- 增加图片上传辅助。
- 增加导航网站点击统计。
- 增加书籍评分、阅读状态和读书笔记关联。