【开发日志】Publishing System 开发全记录二（5月29日）

2026年5月29日 开发日志

今天是 ws网站 上线后的第一天，主要任务是把整个系统克隆成和香港temp网站 一模一样的样式。说实话，这比重新写一个网站要麻烦多了——不仅要复制 HTML 结构，还要复制 CSS 样式、图片资源、字体配置……整个过程磕磕绊绊，但最终顺利完成了。

一、整体样式克隆

上午花了不少时间分析香港temp网站的 HTML 结构和 CSS 样式。用 Playwright 抓取页面，分析 CSS 类名，提取关键样式规则……

发现几个关键点：布局容器宽度是 980px（不是之前设想的 1200px）、背景图和 Logo 需要本地化、Header 和 Footer 有特定的深棕色背景。最麻烦的是之前写的样式没有完全对齐——文章列表没有放在白色容器里居中，导致视觉效果不协调。重新调整 CSS 后，终于和原站一致了。

二、图片本地化

文章内容中引用的都是香港temp网站的外部图片链接，这个肯定不行。花了点时间在服务器上创建目录、下载30张文章配图到本地、批量更新数据库中的图片 URL。同时把背景图和 Logo 也下载到本地 public 目录。将来用户访问 ws网站 时，所有资源都走本地域名，加载速度会快很多。

三、细节调整

下午做了几个细节调整：页脚改为深棕色背景并加上 ICP 备案号、把所有文章的作者统一改为 WoodStone、修复顶部间距——消除 body 默认的 margin、删除导航菜单中无意义的”文章”链接、分类页和文章详情页样式与首页保持一致。这些小改动看似简单，但一个个调通也挺费时间的。

四、GitHub 同步

今天把代码和图片都推到了 GitHub 仓库。主要更新包括完整的样式文件（globals.css、layout.tsx）、首页分类页文章详情页、30张文章配图、更新开发日志。开发工作流保持不变：本地修改 → git push → 服务器 git pull → npm run build → pm2 restart。

五、下次目标

• 完善文章详情页的标签显示效果
• 优化分类页面的展示
• 添加文章搜索功能
• 完善文章编辑功能
• 处理文章封面图

今天就到这里，休息一下。

记录时间：2026年5月29日