在Windows环境下使用Vercel部署静态网站

最新推荐文章于 2024-08-09 07:23:43 发布
最新推荐文章于 2024-08-09 07:23:43 发布
阅读量2.1k 收藏 2
点赞数 2
分类专栏： Web 文章标签： html web development
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qingmui/article/details/116787399
版权
本文详细介绍了在Windows操作系统中，如何不依赖Git，而是通过Vercel命令行工具（CLI）来部署静态网站。首先，需要安装NodeJS以获取npm，然后在环境中安装Vercel CLI。在PyCharm项目文件夹内，通过Terminal运行`vercel`命令可上传静态网页，使用`vercel --prod`可将其部署至生产环境。首次使用需登录Vercel，可以选择GitHub或邮箱验证完成身份认证。
摘要由CSDN通过智能技术生成

在Windows环境下使用Vercel部署静态网站

我想使用Vercel来部署静态网页，但是与此同时，我又不想通过Git的形式。那么如何在Windows环境下通过Vercel CLI来部署静态网页呢？

文章目录

使用Vercel CLI就必须要npm, 我们可以首先先去下载NodeJS for Windows并安装
OpenJS Windows
注：NodeJS其他额外组件不需要安装。

Vercel CLI安装

安装Vercel

npm i -g vercel

本来我以为可以放到不在C盘，我直接用Pycharm新建环境，再到里面输入上面的代码。
结果发现其实，都是安装到AppData里面 T_T

Vercel CLI使用

https://vercel.com/docs/cli
我目前在PyCharm新建的项目文件夹内放置了我的静态网页，并直接通过Termainal输入vercel直接上传。
如果你是通过cmd的话，需要先cd到对的文件夹之后再上传。

直接输入vercel，就是preview, 你也可以通过vercel --prod实现直接放到production内。

Vercel CLI登录

vercel

&
最低0.47元/天 解锁文章
感情废柴
关注
专栏目录
Vercel 部署静态页面教程
m0_61307402的博客
11-06 1664
导入需要部署的项目，我这里推荐直接通过git链接导入。如果静态页面还未上传，请记得创建一个仓库，然后上传。对不对，如果不对的话会提示你域名的 DNS 应该如何配置，按照。注册登陆都应该会把，这里建议使用github注册。自动打包部署，这里会授权登录一下。返回主页后，可以看到自己的项目。当选择修改成自己的域名名称后，关联起来，以便代码更新之后，出现这个页面，就表示部署成功。点击项目里的 domains。注册成功后进入页面，点击。输入自己的域名,然后添加。注意：这里的地址是项目。
如何使用 Vercel 托管静态网站
白雾茫茫丶
04-24 1401
这篇文章介绍了使用Vercel托管静态网站的几种方式。首先介绍了通过Github部署项目，包括登录Vercel、添加项目仓库、配置和构建的步骤。然后介绍了通过本地部署项目，需要安装vercel依赖并执行相应命令的步骤。接下来介绍了如何使用Nest.js实现API服务和如何部署Typecho博客。最后提到了一些常见问题的解决办法，并建议对于单页面应用和动态后端服务接口应用，建议使用Vercel进行部署，而对于其他情况建议部署在自己的服务器上。
Vercel Serve: 快速部署静态网站指南
最新发布
gitblog_00087的博客
08-09 456
Vercel Serve: 快速部署静态网站指南 serveStatic file serving and directory listing项目地址:https://gitcode.com/gh_mirrors/se/serve 1. 项目介绍 Vercel Serve 是一个轻量级的命令行工具，用于本地快速托管和预览静态文件和目录。由Vercel公司开发，它提供了开箱即用的功能，如HTTP/...
如何使用Vercel 部署静态引导页(又省下一台VPS！)
weixin_38912950的博客
09-10 691
配置成功后，你的域名将与你的 Vercel 部署相关联。如果你导入的项目已经是一个打包好的静态网页，你可以在 “Build and Output Settings” 中将所有选项都勾选上，这表示不执行 Vercel 的默认构建命令。下面是如何自定义域名的示例：默认情况下，部署成功后，Vercel 会分配一个默认的域名给你。如果你想使用自己的域名，你可以在域名设置中将域名名称修改为你自己的域名。关联你的 GitHub 账户和 Vercel，以便在代码更新后，Vercel 可以自动构建和部署。
Vercel：部署具有最佳前端开发人员体验和最高最终用户性能的Web项目（仅限前端）
02-13
Vercel：部署具有最佳前端开发人员体验和最高最终用户性能的Web项目（仅限前端）
Vercel部署个人静态之DNS污染劫持问题
qq_34761385的博客
10-07 2400
Vercel支持给每个项目进行自定义域名配置，点击对应的项目，在Setttings里有个Domain,输入你要配置的域名即可。然后别忘了在你购买的对应的域名商控制台进行域名解析。lz这里的域名是阿里云的。解析配置如下：然后就可以正常访问啦，是不是很简单。当然，如果是vue和react这种框架项目，还需要配置下对应的构建命令。
vercel可以解析php吗,Vercel ，开箱即用的网站管理小工具
weixin_30289299的博客
03-10 3369
也许你想要有一个自己的独立博客，已经写了很多文章却对网站部署一筹莫展；也许你喜欢自己编写 Python 服务，却不愿意为了这一两个小脚本而斥资购买云服务器；也许，你拥有属于你自己的域名，但是每次查看、配置 DNS 却必须忍受域名商提供的繁琐而复杂的后台管理系统。这些小事儿，Vercel 都可以帮你搞定。注册与安装如果你曾听说过 ZEIT Now，是的，它是 Vercel 的前身。在今年早些时候，Z...
大前端学习笔记 - 静态站点生成（Gridsome静态站点方案、GraphQL查询数据、Strapi生成接口、自动部署到Vercel）
爱玲姐姐的博客
09-29 3404
静态站点生成 文章内容输出来源：大前端高薪训练营 一、Gridsome基础知识 1. Gridsome是什么 一个免费、开源、基于VUE.js技术栈的静态网站生成器 官方网址：https://gridsome.org GitHub: https://github.com/gridsome/gridsome 2. 什么是静态网站生成器 静态网站生成器是使用一系列配置、模板以及数据，生成静态HTML文件及相关资源的工具 这个功能也叫做预渲染 生成的网站不需要类似PHP这样的服务器 只需要放到支持静态
Hexo静态博客网站生成器 v7.1.1.zip
03-21
它可以帮助用户轻松地创建自己的个人博客或者团队博客，并将其部署到各种平台，如GitHub Pages、Netlify、Vercel等。Hexo v7.1.1是该软件的一个更新版本，提供了更稳定的功能和可能的新特性。 在Hexo中，用户可以...
使用阿里云OSS自动化部署
qq_1015350043的博客
08-12 1526
使用Ali OSS托管项目一般写完前端项目后，就是将自己的项目打包部署了。我使用过vercel和Netlify两个网站托管平台。今天使用阿里云的OSS（对象存储服务）来托管自己的博客。自...
使用 Vercel 快速部署前端项目
juemuren444的博客
10-29 4945
一键部署前端项目
Web前端部署之Vercel
CherryXieのblog
06-01 1218
Vercel 是一个用于部署和托管 Web 应用程序的平台。Vercel 支持将您的应用程序部署到自定义域名上。总的来说,Vercel 是一个功能强大、易于使用的平台,非常适合个人开发者和团队用于部署和托管 Web 应用程序。它提供了自动化部署、全球边缘网络、自定义域名等功能,可以帮助您更高效地管理和发布您的应用程序。
Node跨域 Node.js部署 Verce 使用 node.js 简单搭建Web服务 使用node简单搭建后端服务 使用node搭建服务 部署Vercel 部署vercel express模块化开发
半只
10-30 1331
将当前项目 预览部署到 Vercel 正式环境中中, 在 node.js项目根目录执行以下命令, 部署完成之后会给一个正式地址和部署地址。将当前项目 预览部署到 Vercel中, 在 node.js项目根目录执行以下命令, 部署完成之后会给一个预览地址和部署地址，文件, 这个文件的内容基本是固定，如果部署出现 404，请检查。目录文件夹，随便取什么名字都可以，我这边html文件放在了。下面，否则可能会出现不生效，使用其他插件也是一样要注意。首先得准备一个 Vercel账户，这个就不讲解了。
Vercel 部署本地项目
L_15737525552的博客
08-09 1595
注意： vercel部署的站点的访问地址是https开头的，所以项目中请求的接口应该也是https开头，否则会请求失败。Inspect 可以跳转到 vercel 网站查看项目部署进度。输入上面命令 — 注意： 首次执行会要求输入邮箱验证登录。下载时间可能会有点慢，不过没关系，慢慢等待就好了。1. 先在自己电脑上全局安装 Vercel。Production 就是部署完访问的地址。接着就会进行发布：到此项目就部署到线上了。3.接着我们cd到项目的文件目录下。显示版本号就代表已安装成功。...
快速免费部署项目——vercel
qq_38629292的博客
02-09 5508
快速免费部署项目——vercel
前端部署--入门Vercel
m0_56699208的博客
07-07 484
Vercel提供deploy Hook， 你可以在vercel创建的项目中的控制面板上配置deploy hook，只需要填写deploy（部署）的分支 git branch, 还有对应的hook名称（自定义），就可以配置一个独立的触发方式。通过授权Github给Vercel后，就可以选择我们要部署的项目Github仓库，项目就自动更新部署了。Vercel 你可以理解为一个部署工具，支持部署静态网页和Node服务，部署后你还可以访问它自带生成的域名https。部署完成后，可以查看网站，并且自定义网站域名。
【Vercel】教你部署imsyy/home个人主页
慕雪华年的博客
02-13 4156
本篇博客教你如何部署一个自己的个人主页
Vue.js静态站点部署-Vercel +GitHub
weixin_41269811的博客
02-04 2556
文章简介：本文是使用Vercel + Github部署静态站点的笔记 准备工作 本地创建静态站点，并完成静态站点相应代码的编写。 使用背景 静态站点完成以后，需要部署到线上，如果使用传统的部署方式，每次代码更新都需要在本地重新打包构建，然后替换服务器上的代码包，这种方式对于更新不频繁的站点是可取的。一旦站点更新的频繁，这种方式就很繁琐，很费人力。这里采用Vercel + Github方式部署。 Vercel + Github部署优势： Vercel + Github部署，一旦Github上的代码更新了，.
怎么使用Vercel部署服务
06-12
使用Vercel部署服务非常简单，只需要按照以下步骤： 1. 在Vercel官网上注册一个账号。 2. 在Vercel上创建一个新的项目，并将您的代码上传到该项目中。您可以使用Vercel的Git集成或手动上传代码。 3. 配置您的项目的设置，包括环境变量、部署选项等。 4. 点击“部署”按钮，Vercel将自动构建、部署和启动您的应用程序。 5. 一旦部署完成，您的应用程序将在全球各地的CDN上提供服务，并受到Vercel的自动扩展和负载平衡支持。 通过这些简单的步骤，您可以快速、轻松地将您的应用程序部署到Vercel上，让您专注于开发和创新，而不用担心基础设施的问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值