type
status
date
update date
slug
summary
tags
category
icon
password
很多年前，各种各样的网站导航层出不穷，我刚开始长期使用电脑之后，也关注了好几个导航网站当初都还算良心，但是后来登陆了浏览器，可以进行各种同步，就没再关注了，最近清理书签，看到了很久以前关注的导航网站，看了一下，全都是广告内容…… 然后我想，如果不方便登录的情况下，想要访问常用网站，或者是想要聚合自己常用网站，我是不是也可以搭建一个导航网站，于是便有了这篇文章。
📝 基于Vercel搭建Dashy
基本要求
只需要一贯Github账号，一个vercel账号，和一个域名（非必须，为了使用自定义域名访问自建导航网站）
正式开始
- 登录GitHub，访问Dashy主页，点页面上的fork，复制一份到自己的仓库中
- 进入自己fork的dashy仓库中，往下找到 Deploy to the Cloud ，打开其中的 Deploy to Vercel
- 进入Vercel导入仓库的页面，打开Continue with Github，在弹窗中进行登录。
- 登陆后会显示可导入vercel的仓库列表（这里出现了dashy和nav），当然第一次使用也可能啥也没有，这时候点击下方的Adjust GitHub App Permissions →
- 点击之后，经过GitHub验证，会进入一个新的页面，往下找到 Repository access 这个部分，选择下方的Only select repositories，再点击 Select repositories 然后就可以选择你想要导入的仓库，找到我们fork下来的dashy，然后往下滑找到保存按钮。
- 完成上一步之后，会回到vercel导入项目的网页中，点击我们要导入项目右边的这个import按键，至此完成了将GitHub项目导入到vercel中。
- 接下来就是vercel项目配置，其中建议按照我的进行配置，下面三个选项先要点一下右边的笔，打开编辑功能，完成之后点击最下面的Deploy。
配置名称 | 配置内容 |
Framework Preset | 拉到最下面选Other |
Build and Output Settings-Build Command | NODE_OPTIONS=--openssl-legacy-provider yarn build |
Build and Output Settings-Output Directory | dist |
Build and Output Settings-Install Command | yarn install --ignore-engines |
- 接下里就是等待编译部署，部署完之后，我们点击Continue to Dashboard，打开项目控制面板
- 访问我们部署的dashy：点击Dashboard中的Domains下的dashy-dbnz.vercel.app，就可以打开最基本的导航页面了，就可以修改主题，添加自己的收藏了。
基础部署完成
利用vercel部署基础dashy到这里就完成了，以后每一次想要添加内容，就需要打开GitHub，修改其中user-data目录下的conf.yml 文件，即使在UI网页中修改，实际上是不会同步到这个文件中，还需要将修改后的内容复制覆盖到这个文件中，这里简单讲解一下。
更新dashy配置
- 点击页面中的铅笔进行页面配置
- 在页面中进行修改，修改之后点击Save Locally
- 修改之后点击右边的扳手
- 弹出框中选择 View / Export Config 进行查看
- 这里就可以复制已修改好的配置，点击Copy to Clipboard，复制
- 打开GitHub，找到user-data目录下的conf.yml 文件，将所有内容复制进去并保存
- 回到vercel中重新部署
- 再次访问网站，刷新既可以看到之前保存在本地的效果。
是不是还挺繁琐的，并且，这个GitHub仓库是开放状态，所有人都可以访问，所以不太好放一些内网设备或者私人网站。后面我会解决这个问题，详见：
添加自定义域名
本节主要是为我们自己搭建的dashy添加一个方便好记的域名，我的域名是托管在cloudflare上面的，具体操作：
- 打开cloudflare网站并登录，进入要绑定的域名界面，进入dns配置页面：
- 添加一条cname记录，名称表示可以二级域名，代理状态要关掉（变成灰色），这个操作就是可以通过访问dash.域名.xyz访问我们的dashy网页。
- 保存之后回到vercel的项目页面，打开项目的settings，找到下面的Domains，点击右边的add添加域名
- 在弹窗中输入我们的域名：dash.xxxxx.xyz，点击添加就可以了，会自动为我们的这个域名配置免费的SSL证书。
- 已完成配置，通过域名访问dashy试试吧
🤗 预告
这篇先写到这里，下一篇将配置文件放在私有GitHub仓库中，以及配置其他配置。
- 作者:Patrick Star
- 链接:https://145111.xyz//article/1df51119-3bfc-8022-9259-d6fa6af6db3d
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。
