前言
看到柳神二开的picprose,发现比我之前用的好多了,索性fork一份自己部署。
一开始是打算直接git命令下载打包成docker再部署,部署之后发现所用的Unsplash图片在大陆服务器加载非常缓慢。咨询了一下柳神,得到的答复是next项目转发了一层。
其实我感觉也不咋地快
next项目转发了一层,确实和部署位置有点关系,但是我也是国内平台部署的
后来试了一下没想明白怎么操作,没办法就去使用vercel托管了。
我本人其实是不愿意以来外部托管的,包括vercel、腾讯云函数之类的。
步骤
准备 Unsplash 密钥
访问 Unsplash Developers 官网并登录。
点击 New Application 创建一个应用,获取到属于你的 Access Key 备用。
在 Vercel 上进行部署
Next.js 官方的 Vercel 平台是部署此类项目最理想的选择,它的节点在海外,天然充当了代理服务器。访问 Vercel 官网,选择使用你的 GitHub 账号登录。
点击 Add New -> Project。
在仓库列表中找到你刚才 Fork 的
picprose,点击 Import。展开 Environment Variables (环境变量),填入你的 Unsplash 密钥。变量名:
UNSPLASH_API_KEY,Value:你的Access Key点击 Deploy,等待 1-2 分钟完成自动构建和部署。
绑定自定义域名(可选)
部署完成后,Vercel 会给你分配一个以.vercel.app结尾的访问地址。但据说这个默认后缀在国内大部分地区遭遇了 DNS 污染,无法直连。所以可以绑定自己的域名Vercel 的项目控制台,点击 Settings -> Domains。
填入你的自定义域名。Vercel 会弹出一个提示,要求你回到购买域名的服务商后台,添加一条 CNAME 解析记录。
解析生效后,项目控制台的域名页面会显示
Valid Configuration 有效配置。
自定义内容更改
fork的项目会带有设置好的logo和默认文字/默认作者,和我一样不喜欢带他人标志的可以自行修改。
在fork后的仓库,点击键盘上的英文句号
.,等待跳转到进入 GitHub 网页版编辑器。在左侧边栏找到放大镜图标(Search),或者按
Ctrl + Shift + F(Mac 是Cmd + Shift + F) 唤出全局搜索框。搜索要替换的内容
修改完毕后,点击左侧边栏第三个图标(Source Control / 源代码管理,图标长得像一个分叉的树枝)。
你会看到你刚才修改过的文件列表。
在上方的输入框里随便写点提交信息,比如
修改logo和作者。点击 Commit & Push(提交并推送) 按钮。
提交成功后,Vercel 会自动检测到更新并开始重新构建,等待1~2分钟后刷新网站页面,页面就更新成功了。
总结
有没有大佬能教一下解决UNSPLASH国内加载慢的方法啊~