此教程介绍的是P站(是Pixiv，不是某个Po**hub)第三方镜像站的搭建教程，我自己本人也在摸索中，由于学业紧，会不定时更新

Github 开源地址

PixivNow
https://github.com/FreeNowOrg/PixivNow

搭建成品

官方成品 https://pixiv.js.org

我的成品 https://pixiv.obcbo.tk

复制仓库

  1. 打开 Vercel管理网页
  2. 点击 New Project
  3. 点击 Import Third-Party Git Repository →
  4. 输入 https://github.com/FreeNowOrg/PixivNow 并点击 Continue
  5. (可选) 在接下来的界面中，输入你想要的仓库名(REPOSITORY NAME) 以及等等你想要与众不同的东西
  6. 点击 Create，稍等一小会，你的镜像站就大功告成了

部署修改

  • 打开你vercel的PixivNow项目，点击顶栏的 Settings 选项卡
  • 点击左侧栏中的 General 选项 ， 来进入 Project Settings
  • 在Build & Development Settings 中
    • 将 FRAMEWORK PRESET 改为 Vue.js
    • 打开 BUILD COMMAND 的 OVERRIDE 开关，并将内容编辑为
      1
      yarn build
    • 打开 DEVELOPMENT COMMAND 的 OVERRIDE 开关，并将内容编辑为
      1
      vite --port $PORT
  • 点击顶栏的 Deployments 选项卡
  • 随便点一个部署记录的 按钮
  • 点击 Redeploy
  • 再点击弹窗底下的 REDEPLOY 按钮来重新部署

修改接口

搭建反代

请前往 [Pixiv图片反代搭建] 页面查看

替换接口

  • 打开 /vercel.json，第15行的链接换为你刚刚搭建的反代链接
  • 打开 /api/image.ts，第17行的链接换为你刚刚搭建的反代链接
  • 打开 /src/components/AuthorCard.vue，第29行的链接换为你部署的链接

结束语

搭建完成！你可以去访问了！这个镜像站支持登录，登录后可以看到更多内容（你懂的）

虽然有访问次数数据限制，但是不是非常多人用，正常还是很够的