FRE123|开源! 普通人如何快速免费搭建个性化导航网站
FRE123 - Free Resource for Everyone：老胡信息周刊的衍生项目，核心目的是用技术打破信息差，为每个人提供免费优质资源。
老胡的信息周刊在第三个年头，希望这个系列也能持续更新下去：
已有功能介绍：
首页(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 搭建自己的导航站点，欢迎加群大家一起交流 🤩：
如果交流群过期，大家关注公众号回复进群即可，开源不易，谢谢支持。
参考资料
首页(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