FRE123 - Free Resource for Everyone：老胡信息周刊的衍生项目，核心目的是用技术打破信息差，为每个人提供免费优质资源。

老胡的信息周刊在第三个年头，希望这个系列也能持续更新下去：

• 01.FRE123|老胡周刊免费资源之启动篇

• 02.FRE123|老胡周刊免费资源之影视篇

• 03.FRE123|老胡周刊免费资源之番剧篇(上)

• 04.FRE123|开源！一键搭建自己的信息流聚合页

已有功能介绍：

• 首页(fre123.com)^[1]：免费资源共享，新闻、影视、番剧、音乐等生活类常用优质工具资源分享导航

• 热榜新闻(/news)^[2]：聚合互联网常见新闻媒体热榜，让你总览全局热点

• 技术资讯(/tech)^[3]：聚合技术开发常见网站，把握技术趋势

• 技术周刊(/weekly)^[4]：聚合优质技术周刊，聚合阅读技术周刊，快速汲取优质技术信息，订阅源数据已开源

• 其他功能开发中，欢迎给我提需求....

今天和大家介绍的是 FRE123 的自定义导航项目，目前已经开源 👉fre123-com/fre123-nav^[5]，底部有导航站长专属交流群，欢迎加入~

介绍

老胡为什么选择自己造轮子，不用现成开源的，主要原因如下：

• 样式不够简洁优雅

• 配置起来比较麻烦

如果你想搭建一个专属的导航网站，可以尝试下老胡开源的 fre123-com/fre123-nav 自定义导航网站项目，特点如下：

• 简洁易用：界面简洁易用，支持一键部署

• 拓展方便：导航数据完全由用户自定义控制

搭建完成后效果如下：

使用

接下来让我们一起从零到一来搭建一套自定义的导航单页，哪怕你是小白也没关系，咱们讲究的是一个简单易懂，前提条件如下：

• 有 Github^[6] 账号

• 有 Vercel^[7] 账号

如果没有账号就直接下拉到底直接进群，咱们一对一指导。

配置

fre123-com/fre123-nav 使用简单在于只要配置 json 文件就行，操作流程如下：

• Fork^[8]fre123-com/fre123-nav 项目

• 编辑 Fork 后项目根目录下 config 下相关配置文件：- config/nav.json: 导航列表数据配置文件 - config/website.json: 导航页面基本信息配置

老胡 Fork 后，会有自己的项目地址：https://github.com/howie6879/fre123-nav

接下来只需要编辑根目录下 config 下相关配置文件即可，具体怎么配置老胡专门写了个文档，这里就不多说，👀配置说明地址^[9]

部署

配置结束后，接下来做的就是部署，老胡非常推荐基于 Vercel 平台部署，进入官网^[10]，选择右上角 Add New Project，选择我们刚刚 Fork 的项目：

点击 Import：

最后点击 Deploy 后稍等片刻，你就拥有自己的导航网站了 🔥

接下来我可以选择 Vercel 给我的地址进行访问，也可以自定义域名。

怎么样？是不是非常简单。欢迎你基于 fre123-com/fre123-nav 搭建自己的专属导航网站。

我们也欢迎你提交自己搭建的站点，老胡会统一收录：

说明

朋友们，谢谢你看到这里，FRE123 核心是用技术打破信息差，为每个人提供免费优质资源，如果你有自己的导航站点或者希望用 fre123-com/fre123-nav 搭建自己的导航站点，欢迎加群大家一起交流 🤩：

如果交流群过期，大家关注公众号回复进群即可，开源不易，谢谢支持。

参考资料

[1]

首页(fre123.com): https://www.fre123.com/

[2]

热榜新闻(/news): https://www.fre123.com/news

[3]

技术资讯(/tech): https://www.fre123.com/tech

[4]

技术周刊(/weekly): https://www.fre123.com/weekly/

[5]

fre123-com/fre123-nav: https://github.com/fre123-com/fre123-nav

[6]

Github: https://github.com/

[7]

Vercel: https://vercel.com/dashboard

[8]

Fork: https://github.com/fre123-com/fre123-nav/fork

[9]

配置说明地址: https://github.com/fre123-com/fre123-nav/blob/main/.files/docs/config.md

[10]

官网: https://vercel.com/dashboard