[{"data":1,"prerenderedAt":179},["ShallowReactive",2],{"content:\u002Fpicprose":3,"surround:\u002Fpicprose":167},{"id":4,"title":5,"body":6,"categories":139,"comment":141,"date":142,"description":143,"donation":141,"draft":144,"extension":145,"image":146,"meta":147,"navigation":141,"path":153,"permalink":153,"postfooter":141,"published":154,"readingTime":155,"recommend":154,"references":154,"seo":160,"sitemap":161,"stem":162,"tags":163,"type":165,"updated":154,"__hash__":166},"content\u002Fposts\u002F部署文章封面生成工具 - picprose.md","部署文章封面生成工具 - picprose",{"type":7,"value":8,"toc":130},"minimark",[9,13,17,27,30,33,36,39,42,94,97,100,103,106,109,112,115,118,121,124,127],[10,11,12],"h2",{"id":12},"前言",[14,15,16],"p",{},"看到柳神二开的picprose，发现比我之前用的好多了，索性fork一份自己部署。",[14,18,19,20],{},"体验地址：",[21,22,26],"a",{"href":23,"rel":24},"https:\u002F\u002Fcover.chario.cn\u002F",[25],"nofollow","cover.chario.cn",[14,28,29],{},"一开始是打算直接git命令下载打包成docker再部署，部署之后发现所用的Unsplash图片在大陆服务器加载非常缓慢。咨询了一下柳神，得到的答复是next项目转发了一层。",[14,31,32],{},"其实我感觉也不咋地快 next项目转发了一层，确实和部署位置有点关系，但是我也是国内平台部署的",[14,34,35],{},"后来试了一下没想明白怎么操作，没办法就去使用vercel托管了。",[14,37,38],{},"我本人其实是不愿意以来外部托管的，包括vercel、腾讯云函数之类的。",[10,40,41],{"id":41},"步骤",[43,44,45,49,52,55,58,61,64,67,70,73,76,79,82,85,88,91],"ol",{},[46,47,48],"li",{},"fork项目到自己的账号",[46,50,51],{},"访问柳神的仓库或者我的仓库",[46,53,54],{},"点击页面右上角的 Fork 按钮，将这个项目复制一份到你自己的 GitHub 账号下（你需要授权部署平台访问这个属于你的仓库）。",[46,56,57],{},"准备 Unsplash 密钥",[46,59,60],{},"访问 Unsplash Developers 官网并登录。",[46,62,63],{},"点击 New Application 创建一个应用，获取到属于你的 Access Key 备用。",[46,65,66],{},"在 Vercel 上进行部署 Next.js 官方的 Vercel 平台是部署此类项目最理想的选择，它的节点在海外，天然充当了代理服务器。",[46,68,69],{},"访问 Vercel 官网，选择使用你的 GitHub 账号登录。",[46,71,72],{},"点击 Add New -> Project。",[46,74,75],{},"在仓库列表中找到你刚才 Fork 的 picprose，点击 Import。",[46,77,78],{},"展开 Environment Variables (环境变量)，填入你的 Unsplash 密钥。变量名：UNSPLASH_API_KEY ，Value：你的Access Key",[46,80,81],{},"点击 Deploy，等待 1-2 分钟完成自动构建和部署。",[46,83,84],{},"绑定自定义域名（可选） 部署完成后，Vercel 会给你分配一个以 .vercel.app 结尾的访问地址。但据说这个默认后缀在国内大部分地区遭遇了 DNS 污染，无法直连。所以可以绑定自己的域名",[46,86,87],{},"访问 Vercel 的项目控制台，点击 Settings -> Domains。",[46,89,90],{},"填入你的自定义域名。Vercel 会弹出一个提示，要求你回到购买域名的服务商后台，添加一条 CNAME 解析记录。",[46,92,93],{},"解析生效后，项目控制台的域名页面会显示 Valid Configuration 有效配置。",[10,95,96],{"id":96},"自定义内容更改",[14,98,99],{},"fork的项目会带有设置好的logo和默认文字\u002F默认作者，和我一样不喜欢带他人标志的可以自行修改。",[14,101,102],{},"在fork后的仓库，点击键盘上的英文句号.，等待跳转到进入 GitHub 网页版编辑器。",[14,104,105],{},"在左侧边栏找到放大镜图标（Search），或者按 Ctrl + Shift + F (Mac 是 Cmd + Shift + F) 唤出全局搜索框。",[14,107,108],{},"搜索要替换的内容",[14,110,111],{},"修改完毕后，点击左侧边栏第三个图标（Source Control \u002F 源代码管理，图标长得像一个分叉的树枝）。",[14,113,114],{},"你会看到你刚才修改过的文件列表。",[14,116,117],{},"在上方的输入框里随便写点提交信息，比如 修改logo和作者。",[14,119,120],{},"点击 Commit & Push（提交并推送） 按钮。",[14,122,123],{},"提交成功后，Vercel 会自动检测到更新并开始重新构建，等待1~2分钟后刷新网站页面，页面就更新成功了。",[10,125,126],{"id":126},"总结",[14,128,129],{},"有没有大佬能教一下解决UNSPLASH国内加载慢的方法啊~",{"title":131,"searchDepth":132,"depth":132,"links":133},"",4,[134,136,137,138],{"id":12,"depth":135,"text":12},2,{"id":41,"depth":135,"text":41},{"id":96,"depth":135,"text":96},{"id":126,"depth":135,"text":126},[140],"技术",true,"2026-07-05 13:14:00","Fork了柳神二开的picprose进行部署，国内服务器部署时Unsplash图片加载缓慢，因此改用Vercel托管。文中介绍完整部署流程：fork项目、申请Unsplash密钥、在Vercel导入仓库并配置环境变量完成部署，还可绑定自定义域名。同时说明修改项目logo、文字等自定义内容的操作方法，最后求助解决Unsplash国内加载慢的问题。",false,"md","https:\u002F\u002Fimg-upyun.chario.cn\u002Fi\u002F2026\u002F10\u002F17\u002F437783.webp",{"aside":148,"slots":152},[149,150,151],"toc","meta-aside-foo","meta-aside-bar",{},"\u002Fpicprose",null,{"text":156,"minutes":157,"time":158,"words":159},"5 min read",4.22,253200,844,{"title":5,"description":143},{"loc":153},"posts\u002F部署文章封面生成工具 - picprose",[164],"程序部署","tech","9qjr9maA9NXzq4mzjvB8cHa5v_07jhQKkGPfWcCvhSg",[168,174],{"title":169,"path":170,"stem":171,"date":172,"type":173,"children":-1},"狼途L98键盘失灵解决办法","\u002FL98","posts\u002F狼途L98键盘失灵解决办法","2026-07-03 13:14:00","story",{"title":175,"path":176,"stem":177,"date":178,"type":173,"children":-1},"京东售后太良心了","\u002F13","posts\u002F京东售后太良心了","2026-07-07 13:14:00",1792244425310]