个人网站部署(免服务器版本)

对于一些刚学完前端知识,手搓了一个自己的网页的小伙伴来说,肯定想要把自己的网页暴露出去,让别人也能够访问的到,而不是将代码发给对方,让对方运行你的代码来看,或者是自己运行完后截图给对方看,而去买服务器的话,又只是一个静态网页,暂时没有其他的业务功能响应,想着买来可能有点浪费,那这时候一个提供静态资源网络托管的平台就非常有用了!下面介绍一下我用过的一个比较好用免费的静态资源网络托管平台

netlify(netlify官网)

netlify平台能够将代码自动编译生成静态网站,能够提供托管服务和免费 CDN,并且还能绑定自定义域名,能够用免费的TLS证书,启用HTTPS,并且相对于其他一些托管平台来说,优点就是国内用户也能够正常访问

下面介绍使用方式

首先需要进行登录(如果没有账号的话,需要先去注册,注册的话如果在github,gitlab,bitbucket等有账号的话可以直接用这些账号来注册比较方便)我这里是用github进行登录的

登录后进入到自己的一个面板,可以点击下图红框中的地方来引入自己的一个网页代码

然后根据你代码仓库所在的平台,对应进行选择

选择好后会弹出对应平台的一个校验窗口,点击授权即可,接下来便可以看到你代码仓库所在平台的一些仓库,如果没有找到你想要的仓库的话,则点击底部的一个链接

跳转后会进入到github中的netlify配置页面,在下面选择你要部署的代码仓库进行选择添加即可

这里推荐仅选择的读取,不推荐第一个选项,选好之后,重新回到下面这个页面,就能看到你刚才所选的仓库了

选好对应仓库后,接下来只要填写自定义域名和确认分支,然后点击下方的发布按钮就可以了

红框中的windywd22是我填在上方的site name框中后显示的

最终呈现的域名就是这样的

点击发布按钮后,静静等待它编译即可,编译完成后就能够通过给出的域名去访问你的网站了,是不是很方便呢。

当然还有其他一些静态资源网络托管平台,如github pages(官网),vercel官网(vercel部署后访问需要科学上网)等

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值