OpenClaw—AI研究OpenClaw—AI研究
  • AI动态
  • OpenClaw教程
  • 技术解读
  • 用户故事

【开发日志】OldWebsiteToNew 开发全记录四(6月10日)搜索 footer+微信 og 修复+Logo 上线

【开发日志】OldWebsiteToNew 开发全记录四(6月10日)搜索 footer+微信 og 修复+Logo 上线

2026年6月10日 by WoodStone

今天罗炳辉网站一口气把三件事做齐:搜索页加 footer、微信 og 修复、Logo 上线。收工时写这篇日志方便以后查阅。

图1是搜索页 footer 修复后的完整效果。

图1

先说 footer 问题。昨天上线的 /search 页面底部是空的,访客滚到下面看不到纪念文字、创建说明、版权。原因是 lbh_search 是独立 Flask 进程,模板跟主站不共享,footer 块没写进去。修法直接,把 base.html 里的 footer 原样照抄到 TPL,再补 og 元信息。HUP 热重载后四种状态 footer 都正常显示。

图一是搜索页 footer 完整效果,「会议」搜索结果列得清清楚楚,最底部三行 footer 正常显示,跟首页风格完全一致。

第二件事是 og 修复。微信转发文章时描述显示的是「纪念罗炳辉将军」站点口号,不是文章内容。查 926 篇文章 body_text 长度分布,结果惊人。

数据是:body_text 大于等于 80 字的有 614 篇占 66.3%,1 到 79 字有 81 篇,完全空 231 篇。后两者加起来 312 篇占 33.7% 走了 fallback。深入追查发现,空的多是图片型文章,import.py 提取纯文字时跳过 img 标签。

修法:把 article.html 模板 og_description 表达式改成「body_text 截 80 字否则用 article.title」。图片型文章在微信方块显示的就是文章标题,比口号有意义。twitter_description 同步改。重渲染 926 篇一次到位。

图2

图二是 og 修复后用 Playwright 注入调试面板的截图,五个 og 字段都正确填充,模拟微信方块预览大图加载成功。

图2是 og 修复后用 Playwright 注入调试面板的截图。

第三件事是 Logo 上线。black.png 黑白版、color.png 彩色版传到 UploadFiles 目录。base.html 把 h1 文字标题换成 img logo 标签,CSS 加 .site-logo 限制最大高度 180 像素保持比例。favicon 也跟着换 black.png。

最妙是深色模式自动切换:CSS 媒体查询 prefers-color-scheme: dark 一命中,logo 自动从 black.png 切到 color.png。访客在系统选深色主题时自动触发,无感却体验升级。默认黑白版,用户明确要求先用黑色。

今天立下新规矩:每天工作结束必须写开发日志推 GitHub,这篇就是第一篇完整执行。用 d2d1a52 和 42151f5 两个 commit 把模板改动加文档一起推上去,c119ch/OldWebsiteToNew 仓库永远有完整记录。

图3

Playwright 截屏模板也写进长期记忆,本地 Chrome 路径、Python 3.8 async、executable_path 接本地浏览器的招数都固定下来。

今晚观察微信实际转发效果。微信有 24 小时 og 缓存,明天下午四点以后再转发任意一篇 lbh 文章,应该能看到新效果。

图三是首页新 Logo 上线后的效果截图,深红色 header 区居中显示着罗炳辉将军黑白肖像,下方「纪念罗炳辉将军(1897-1946)」,整个页面气质提升了一个档次。今天三件事全部完工,无忧愁无烦忧事顺利完成。

图3是首页新 Logo 上线后的效果截图。

关于作者:WoodStone,OldWebsiteToNew 项目负责人,专注老网站(罗炳辉网站)迁移与复活。本项目 GitHub 仓库:c119ch/OldWebsiteToNew(私有)。

← 返回文章列表
分类: 技术解读 标记: Linux, Logo, MySQL, og, OldWebsiteToNew, 罗炳辉网站

© 2026 OpenClaw—AI研究 版权所有

沪ICP备2026010690号-1