526互联

# 搭建 vercel 并部署

发布时间 2023-12-08 17:28:14作者: 天使阿丽塔

安装环境

  1. Node.js下载地址

  2. 安装 Vercel CLI

# 全局安装
npm install -g vercel 
#或者 
yarn global add vercel

# 查看是否安装成功
vc -v

创建项目

image

  • 创建项目类型 + 项目名称
vc init hexo myBlogName
  • 运行项目
npm run dev
# 或者
yarn dev

部署

本地环境项目

注意：不是静态资源哦

  • 首先要部署到github上

  • 从vercel上连接github

  • 在vercel导入github里面仓库

  • 选择要部署的github项目名称

之后就直接部署github上就可以了，vercel他会自己从github仓库中更最新的资源

静态项目

登录本地连接vercel

image

vc login

首次部署

打开该的项目，进入终端命令下 vc 然后显示配置信息，直接一路回车

  • 这是打包过了项目部署[云端还没有的情况]
    image
  • 问题

? Set up and develop “F:\Blog\vercel_test\hexo”? [Y/n] 这个要选什么

在这里，Vercel CLI 询问您是否要设置并开发位于 "F:\Blog\vercel_test\hexo" 目录下的 Hexo 项目。您需要根据您的意图进行选择：

  • 如果您想要设置并在 Vercel 上部署该 Hexo 项目，以便通过 Vercel 进行托管和访问，可以选择 "Y"（意为"Yes"，即"Yes，设置并开发该项目")。然后 Vercel CLI 将会为您完成项目的设置和部署。
  • 如果您不想在 Vercel 上部署该 Hexo 项目，或者已经在 Vercel 上部署过该项目，您可以选择 "n"（意为"No"，即"No，不要设置并开发该项目"）。

根据您的需求选择适当的选项，然后按下回车键确认您的选择。

? Link to existing project? 这个是什么意思

"Link to existing project?" 这个问题是指是否将现有项目与 Vercel 关联起来，而不是在 Vercel 上新建一个项目。如果您已经有一个项目，并且希望将其部署到 Vercel 上，而不是在 Vercel 上新建一个项目，可以选择 "Y"（Yes）来链接现有项目。

选择 "Y" 后，Vercel CLI 会要求您提供该现有项目的相关信息，例如项目的目录路径、构建设置等。然后 Vercel CLI 将使用这些信息来配置您的现有项目，并将其部署到 Vercel 上。

如果您想在 Vercel 上新建一个全新的项目，而不是链接现有项目，可以选择 "n"（No）来回答此问题。然后 Vercel CLI 将会引导您创建一个新的项目，选择合适的示例或模板，然后进行部署。

? Want to modify these settings? [y/N] 这个是什么意思

"Want to modify these settings?" 这个问题是在您确认了项目的设置后，Vercel CLI 询问您是否要修改这些设置。具体来说：

  • 如果您想继续使用之前设置的项目配置并直接进行部署，可以选择 "N"（意为"No"，即"No，不想修改这些设置"）。
  • 如果您想要修改部署的一些设置，例如项目名称、部署环境、自定义域名等，您可以选择 "y"（意为"Yes"，即"Yes，我想要修改这些设置"）。然后，Vercel CLI 将会再次展示之前的设置选项，并引导您进行相应的修改。

根据您的需求选择适当的选项，然后按下回车键确认您的选择。如果您选择 "N"，Vercel CLI 将使用之前的设置进行部署。如果选择 "y"，则可以进行修改后再次确认设置，然后继续进行部署。

更新

vc --prod

image