【开发日志】OldWebsiteToNew 开发全记录五（6月11日）三大功能落地+45 栏目分类

罗炳辉网站 6-11 开发日志:今日三大功能落地,搜索过滤 HTML 字符实体让结果干净,摘要可点击进文章,图片 H5 同比例缩放修好 120 篇变形,老站 6 主栏目 45 子栏目…

图 1 是搜索”红色”的结果,显示所有命中条目已无 HTML 字符实体残留,摘要可整段点击跳转到对应文章。修复前 120 篇文章因 img 标签写死 981×642 等绝对像素,手机端打开会被硬撑变形甚至出现横向滚动条,实际路径是 render.py 与 import.py 同步加了一个 strip_img_px_style 函数,严格按声明粒度只删除独立的 width 与 height 像素值,保留 border-width 等其他样式不被误伤。

图 1 是搜索”红色”的结果,所有命中条目已无 HTML 字符实体残留,摘要可整段点击跳转文章

调查发现老站用动易系统,Article 目录下 16 个一级目录但导航只展示 6 个主栏目,其余为后台批量上传的中间目录。我用 Python 解 GBK 编码的 ShowClass_Tree.js 拿到 6 主栏目真实中文名,纪念研究、将军遗文、图说罗炳辉、怀念思念、站点特稿、新闻中心,再把所有子目录与独立目录也建成独立 channel,最终 45 个 channel 树状结构对应老站 6 主加 20 子加 19 独立。

图 2 是 iPhone X 视口下文章 13.html,img 由原 981×642 同比例缩到 327 宽且无横向滚动

回填策略是按文章 source_url 末尾 ID 反查老站 HTML 实际所在路径,优先级为 Article 已知栏目目录、顶层日期目录、未知子目录兜底,顶层日期按年份映射到对应主栏目,2013 到 2015 年归纪念研究,2004 到 2006 年归怀念追忆,2007 到 2012 年归评论,最终 926 篇文章 100% 分类完成,纪念研究 571 篇,高校故土 71 篇,炳辉之魂 43 篇。修复后桌面端 13.html 的 img 渲染 832×545,原图 981×642,比 1.526 与原图比 1.528 误差极小,验证同比例缩放无变形。

图 3 是桌面端文章 13.html,img 渲染 832×545 同比例缩放无变形

下一步是把这 45 个 channel 套用到网站前台,首页 nav 改成 6 主栏目加下拉子栏目,文章页加面包屑,频道页按 channel_id 渲染,栏目筛选也要在搜索结果页加上。今日踩过的两个坑值得记下,一是 slug 不是数字 ID,需要从 source_url 末尾取 ID 才能反查老 HTML 路径,二是 render.py 与 gunicorn 实际运行的 app.py 不在同一个目录,gunicorn 工作目录是 lbh_search 而非 oldwebsitetonew,后续所有修改都要同时 scp 到两份路径才生效。最终我把 render.py、import.py、3 个一次性脚本、2 篇 dev-log 加上 12 张截图,分 4 个 commit 全部推到了 GitHub。

关于作者:WoodStone,OldWebsiteToNew 项目负责人,专注老网站(罗炳辉网站)迁移与复活。