Fmkli
鸽子只会咕咕

如何使用Vercel搭建静态网站

Hello,everyone!

我是鸽子,在咕咕咕()

众所周知

我爱装逼()

就学习搭建网站

正文

First,你要有一个Github账号,我相信大部分人都有,没有的可以百度注册一个~

打开https://vercel.com/signup

https://m.xiguacity.cn/post/5d08e95bb73fd803276dd7b2/c04c9224-bf5e-4584-9666-cee9e5af4fd7.png
图一

选择Github注册,即为点击图一红框位置

会弹出弹窗,要你手机验证~[图二]

https://m.xiguacity.cn/post/5d08e95bb73fd803276dd7b2/78db4588-4b6d-4e9a-92f5-1cd8fe67bd21.png
图二

好好用国内手机号验证吧~亲测能成功

刚注册打开可能是这样的[图三]

https://m.xiguacity.cn/post/5d08e95bb73fd803276dd7b2/c45500fd-6f95-4ae8-a943-f4ef114d7ed8.png
图三

当看到图三时你就成功了一半()

https://m.xiguacity.cn/post/5d08e95bb73fd803276dd7b2/9892975e-aebc-4f11-a646-fb3489d14fda.png
图四

点开图四任意一个红框(意为新建部署项目)

https://m.xiguacity.cn/post/5d08e95bb73fd803276dd7b2/ac0c9644-f262-4c8b-a62e-1ea25bc03e49.png
图五

到了图五这个界面

有俩选择~

https://m.xiguacity.cn/post/5d08e95bb73fd803276dd7b2/286b1796-6e1d-4535-a0c7-a10ba5d6da3d.png

1号选项框为自己的Github账户的仓库,可以选择自己的静态网页仓库进行部署

2号选项框为使用外来Git的地址,可以粘贴Github地址在图六的一号框中

【本教程只展示第2号选项框】

https://m.xiguacity.cn/post/5d08e95bb73fd803276dd7b2/4ec4a168-5a18-41cc-9b42-9254bd0c183d.png
图七

在填入图七一号框里填入Github的Git地址,可以使用我自开仓库的Git地址

地址为:https://github.com/fmkli-small/CCW-Webpage.git

https://m.xiguacity.cn/post/5d08e95bb73fd803276dd7b2/54203693-f4b3-4259-b003-d83056618dba.png
图八

在图八中点击红框的地方(意为Vercel在Github账号中安装应用,可以让Vercel在部署时自动创建Github仓库)

https://m.xiguacity.cn/post/5d08e95bb73fd803276dd7b2/66888b28-67cb-4672-8514-3892289c0c13.png
图九

安装了应用之后,在1号红框中打进你心仪的仓库名字(你可能会发现下面有一个选项,改选项意为“创建私人仓库”,一般不用动,如果关闭,将创建公开仓库)[图九]

打完了之后,点击2号红框的按钮[图九]

会出现图十界面

https://m.xiguacity.cn/post/5d08e95bb73fd803276dd7b2/fe44e8a6-8a94-4849-8fac-9feca5aa1215.png
图十

喝杯茶的时间,会出现图十一的界面,完结撒花!

https://m.xiguacity.cn/post/5d08e95bb73fd803276dd7b2/7c900016-e239-4658-9caf-ae2e53857f5e.png
图十二

点击图十二中的红框按钮~

https://m.xiguacity.cn/post/5d08e95bb73fd803276dd7b2/bcfe7fa5-00ac-45e7-837e-ecd22cba3eda.png
图十三

点击图十三中的红框,可以跳转到你的新网站~,大功告成!

结尾

本文写了好久,给个小金币吧~

我的网站也是基于Vercel搭建的,地址为:https://www.imfmkli.top

Thank You ~

本文标题:如何使用Vercel搭建静态网站
本文链接:https://blog.imfmkli.top/archives/27
未经允许不得搬运
搬运需要标明原作者
没有标签
首页      未分类      如何使用Vercel搭建静态网站

鸽子fmkli

文章作者

发表回复

textsms
account_circle
email

如何使用Vercel搭建静态网站
Hello,everyone! 我是鸽子,在咕咕咕() 众所周知 我爱装逼() 就学习搭建网站 正文 First,你要有一个Github账号,我相信大部分人都有,没有的可以百度注册一个~ …
扫描二维码继续阅读
2022-07-08