使用vercel快速部署vuepress-next项目

简介: 使用vercel快速部署vuepress-next项目

我选择白嫖!使用vercel快速部署vuepress-next项目

本篇文章将使用vercel部署一个vuepress-next demo项目,关于如何快速搭建一个vuepress-next项目,可以参考这篇文章: 😮零成本也能快速开发个人博客?vuepress快速入门! - 掘金 (juejin.cn)

什么是vercel?

vercel是一个免费的网站托管服务平台,虽然是一个外国的平台,但是 Vercel CDN 有香港节点。当你使用你自己的域名时,访问速度还是挺快的。如果你需要发布的站点是一个静态站点,那么你只需要像vercel这样的托管平台就能简单的对项目进行部署。

为什么选择vercel?

同样可以进行网站托管服务的平台有github page,nestify。但是vercel相对于它们更快,而且部署和发布也非常简单快速。如果你发布了一个项目,你只需要在git中push后,vercel就会自动进行更新。

开始部署

在github中新建项目

我们先在github中新建一个项目:

image-20221122130730099

然后我们在本地打开我们的项目,将pull拉取一下我们在github上新建的项目中code下的ssh key:

image-20221122131104091

然后我们将本地的代码进行push:

git add .
git commit -m demo
git push git@github.com:qian357891/vuepress-demo.git //ssh key

我们的项目现在就push到了github上

image-20221122131438715

登录vercel并链接github仓库

Login – Vercel

推荐使用github登录,登录后点击add new,然后点击project,我们开始导入git储存库,依然是选择github。

image-20221122160935667

然后我们选择我们要部署的库vuepress-demo

image-20221122161129310

完成操作后点击save,我们回到刚才的页面。可以看到vuepress-demo出现到了我们的导入列表中:

image-20221122161456477

我们点击import,在出现的界面中进行如下的配置:(我们需要填入打包的指令和下载包的指令)。完成后点击deploy

image-20221122172539850

随后,我们就完成了部署

image-20221122175743341

你可以通过vercel分配的网址打开,也可以使用自己的域名。

如果要使用自己的域名,你应该这样做:

  • 在搜索栏中输入你的网址,并且add

image-20221122175909198

  • 打开你的网址运营商的添加解析,将value的值输入。

image-20221122181012385

  • 回到vercel的域的设置,可以看到已经生效了

image-20221122180907899

整个部署就结束了,当你使用git push进行项目更新时,vercel也能够自动的进行更新。是不是很方便呢?

相关文章
|
传感器 算法 数据处理
yolo目标检测+目标跟踪+车辆计数+车辆分割+车道线变更检测+速度估计
yolo目标检测+目标跟踪+车辆计数+车辆分割+车道线变更检测+速度估计
|
JavaScript 中间件 API
nuxt3:我们开始吧-开发-配置-部署(一)
nuxt3:我们开始吧-开发-配置-部署(一)
1312 0
|
12月前
|
自然语言处理 JavaScript 前端开发
静态文档网站生成神奇器:VuePress!尤雨溪的旧爱!
【10月更文挑战第3天】静态文档网站生成神奇器:VuePress!尤雨溪的旧爱!
静态文档网站生成神奇器:VuePress!尤雨溪的旧爱!
|
11月前
|
JSON Kubernetes 数据格式
使用 Docker 搭建 IT-tools
本文介绍了 it-tools,一个集成了多种开发工具的平台,如 JSON/YAML 格式化、加密解密、Base64 转换等。支持通过 Docker、Docker Compose 和 K8s 部署,并提供了详细的命令示例。部署后可通过公网 IP 和端口访问。
297 1
|
8月前
|
数据采集 存储 安全
【大数据】数据治理浅析
数据治理是数字化时代企业管理和利用数据的核心手段,确保数据的准确性、一致性和安全性。从基本概念、应用场景、必要性、需求分析等方面深入探讨其功能架构、技术架构、应用架构和数据架构,涵盖金融、医疗、应急管理等多个领域典型案例。随着政策法规推动、技术创新助力及市场需求增长,数据治理正朝着自动化、智能化方向发展,市场规模不断扩大,但人才短缺问题仍需解决。
771 11
【大数据】数据治理浅析
|
前端开发 虚拟化
简单记录使用 ElementPlus 的虚拟化树形控件(el-tree-v2)心得
这篇文章分享了作者使用ElementPlus的虚拟化树形控件`el-tree-v2`的心得,展示了其基本用法和如何通过自定义模板来增强树节点的交互性。
3737 1
简单记录使用 ElementPlus 的虚拟化树形控件(el-tree-v2)心得
|
机器学习/深度学习 Linux Shell
超详细的Linux-Conda环境安装教程
超详细的Linux-Conda环境安装教程
|
XML 云安全 安全
了解常见的web漏洞-XXE漏洞,日常如何做好web安全
随着网络技术的不断发展,网站安全问题日益受到人们的关注。当前随着技术发展,网站存在一些常见的可能被攻击者利用的漏洞,而在众多网站安全漏洞中,XXE(XML External Entity)漏洞是一个不容忽视的问题。今天我们就来分享了解一下关于XXE漏洞的概念、原理以及日常上有哪些可以措施可以防护网站安全。
|
缓存 监控 Linux
服务器中常用的几个资源监控工具整理
【4月更文挑战第2天】服务器中常用的几个资源监控工具整理
1046 13
|
数据安全/隐私保护 iOS开发 开发者
苹果开发者账号注册及证书生成方法详解
苹果开发者账号注册及证书生成方法详解
370 1