部署文章封面生成工具 - picprose

前言

看到柳神二开的picprose，发现比我之前用的好多了，索性fork一份自己部署。

体验地址：cover.chario.cn

一开始是打算直接git命令下载打包成docker再部署，部署之后发现所用的Unsplash图片在大陆服务器加载非常缓慢。咨询了一下柳神，得到的答复是next项目转发了一层。

其实我感觉也不咋地快 next项目转发了一层，确实和部署位置有点关系，但是我也是国内平台部署的

后来试了一下没想明白怎么操作，没办法就去使用vercel托管了。

我本人其实是不愿意以来外部托管的，包括vercel、腾讯云函数之类的。

步骤

1. fork项目到自己的账号
   • 访问柳神的仓库或者我的仓库
   • 点击页面右上角的 Fork 按钮，将这个项目复制一份到你自己的 GitHub 账号下（你需要授权部署平台访问这个属于你的仓库）。
2. 准备 Unsplash 密钥
   • 访问 Unsplash Developers 官网并登录。
   • 点击 New Application 创建一个应用，获取到属于你的 Access Key 备用。
3. 在 Vercel 上进行部署 Next.js 官方的 Vercel 平台是部署此类项目最理想的选择，它的节点在海外，天然充当了代理服务器。
   • 访问 Vercel 官网，选择使用你的 GitHub 账号登录。
   • 点击 Add New -> Project。
   • 在仓库列表中找到你刚才 Fork 的 picprose，点击 Import。
   • 展开 Environment Variables (环境变量)，填入你的 Unsplash 密钥。变量名：UNSPLASH_API_KEY ，Value：你的Access Key
   • 点击 Deploy，等待 1-2 分钟完成自动构建和部署。
4. 绑定自定义域名（可选） 部署完成后，Vercel 会给你分配一个以 .vercel.app 结尾的访问地址。但据说这个默认后缀在国内大部分地区遭遇了 DNS 污染，无法直连。所以可以绑定自己的域名
   • 访问 Vercel 的项目控制台，点击 Settings -> Domains。
   • 填入你的自定义域名。Vercel 会弹出一个提示，要求你回到购买域名的服务商后台，添加一条 CNAME 解析记录。
   • 解析生效后，项目控制台的域名页面会显示 Valid Configuration  有效配置。

自定义内容更改

fork的项目会带有设置好的logo和默认文字/默认作者，和我一样不喜欢带他人标志的可以自行修改。

1. 在fork后的仓库，点击键盘上的英文句号.，等待跳转到进入 GitHub 网页版编辑器。
2. 在左侧边栏找到放大镜图标（Search），或者按 Ctrl + Shift + F (Mac 是 Cmd + Shift + F) 唤出全局搜索框。
3. 搜索要替换的内容
4. 修改完毕后，点击左侧边栏第三个图标（Source Control / 源代码管理，图标长得像一个分叉的树枝）。
5. 你会看到你刚才修改过的文件列表。
6. 在上方的输入框里随便写点提交信息，比如 修改logo和作者。
7. 点击 Commit & Push（提交并推送） 按钮。
8. 提交成功后，Vercel 会自动检测到更新并开始重新构建，等待1~2分钟后刷新网站页面，页面就更新成功了。

总结

有没有大佬能教一下解决UNSPLASH国内加载慢的方法啊~