货代导航网重新做了
聊聊为什么要折腾这一次
货代导航网上线两年多了,一直用的 WordPress。能用,但总觉得差点意思——页面加载慢,改个东西要登后台折腾半天,每年还要交两百多美金的服务器费。
前段时间下定决心,把整个站从头重写了一遍。不是换个主题那种改,是底层全换了。
今天跟大家聊聊这次改了什么,为什么要改。
改了什么
最直观的变化:快了很多。
原来用 WordPress,每次打开页面服务器要现场生成内容再传给你。现在换成了 Next.js,页面是提前生成好的静态文件,打开就是秒开。
视觉上也做了调整。侧边栏改成了类似 macOS 的风格,深色渐变背景,可以折叠收起来。搜索从原来的"跳转定位"改成了实时过滤——你输一个关键词,结果直接筛出来,匹配的字会高亮,不用再上下跳转了。
这次升级的核心变化
技术框架:WordPress → Next.js 15
从动态渲染变成静态预渲染,首屏加载快了不止一点
服务器:SiteGround($250+/年)→ Vercel(免费)
运维成本直接归零
更新方式:登后台手动改 → AI 对话 + 自动部署
改完代码 git push,几秒钟线上就更新了
数据:561 个站点,13 个分类,全部保留
没丢任何一条数据,数据更新快,之前抄我网站的朋友,现在我重新回来了,现在我网站上没有的你网站上有的,我一个爬虫就能全部更新,哈哈哈...
为什么要折腾
说实话,WordPress 用着也没什么大毛病。但有几个问题一直困扰我:
一是慢。 WordPress 是 PHP 动态渲染,每次访问都要查数据库、生成页面。对一个导航网站来说,内容其实不怎么变,没必要每次都现场生成。
二是贵。 SiteGround 的服务器一年两百多美金,对一个公益性质的导航站来说,这笔钱有点不值。换到 Vercel 之后这笔费用直接没了。
三是改东西太麻烦。 想改个样式要登后台,找到对应的模板文件,改完还要清缓存看效果。现在用 AI 辅助开发,我直接在对话里说"把搜索框改成实时过滤",代码就写好了,push 上去自动部署。
更重要的是进化和补充不足,现在网站可以更高效的推广和弥补不足的网站。很快我就能补齐我之前存的另外的网站。
保留了什么
有些东西不能动:
561 个站点 — 航司、船司、快递、清关、物流工具,一个没少
13 个分类 — 分类逻辑跟原来一样
常用链接 — 根据你的点击次数自动排序,Top 10 显示在搜索框下面
网址提交 — 现在改成了内置表单,不用跳到外部页面了
微信/电话/邮箱 — 右侧浮动联系组件,悬停显示二维码
域名不变 — 还是 huodaiagent.com,收藏夹里不用改
一些细节
说几个你可能注意到的小变化:
网站的 Logo 图标做了优化。原来很多站点的图标是从外部加载的,经常加载失败显示空白。这次把 561 个站点的图标全部抓取到本地,加载失败时会显示一个渐变色的地球图标,不会再有空白的情况。
卡片悬停时有一个微妙的上浮效果,不明显但手感好了不少。
搜索支持搜航司名、船司名、网址、工具名称,基本上你能想到的关键词都能搜到对应的站点。
这次升级前后断断续续折腾了一段时间。技术细节不重要,重要的是:网站更快了,维护更方便了。
如果有任何访问的问题,一定要及时通知我,感谢。
货代导航网的定位没变——就是给货代同行提供一个好用的工具站,能快速找到你需要的航司、船司、快递官网、查询工具。如果你还没用过,可以打开看看:huodaiagent.com
有任何建议或者想提交新的网址,直接在站内提交,或者在公众号留言都行。

分享至微信
