通过本教程,你能在2小时内不知不觉中完成(哪怕你基础为0,也只要有手就行):
-
创建github仓库
-
在github上部署静态网页
-
在fleek上托管网页
-
在ipfs上部署网页,并有一个ens指向它
-
拥有一个完全属于你自己的域名和网站
可能要花费:
-
购买域名:$1.1
-
设置ens(以太坊域名系统)所需gas:$5
-
如果你没有ens,还需要购买一个:$30
说了这么多,好像很复杂,其实只是看上去复杂,实际只是繁琐一点而已。
另外,空投这种事情也不强求,能学到一点东西已经算生活品质的提升了。
教程开始(本教程完全面向过程,适合边看边整):
打开网站fleek.co,点击sign up。
点击sign in with github。需要有github账号,没有的注册一个,就跟平时注册qq号一样简单。要知道,之前HNS,FIL等项目都给github用户空投过!
-
授权github账号登录后,点击新建网站。
-
登录github,点击右上角+号,点击新建资料库:
-
按图中规则给资料库命名!
-
点击从电脑上传文件:
-
这时候就需要上传网站源码,我找到一个还算不错的:
https://u18740809.pipipan.com/dir/18740809-34439825-ccb531/
复制链接打开,随便选择一个模板下载(我选择了紫色),解压到桌面。
直接把下载好的源码,拖进浏览器,就会自动上传,上传好后点击commit change绿色按钮。
然后去喝口水,等几分钟吧。
然后,神奇的事情来了:
浏览器打开选中的这串链接,你会发现你上传的源码已经成功部署到github服务器上了,相当于你自己创建了一个网站,而且用的是免费的服务器!
对,就是这么简单。
回到fleek,选择你刚刚github创建的资料库:
静候几分钟,等待部署完成。
-
接下来点击setting:
Domains是域名,ens是以太坊域名,这2个都需要用到!
如果你没有ens,文末也有注册购买教程。
先搞定domains。
如何购买域名?
打开godaddy.com,注册一个账号。
搜索你想要注册的域名,名称越长越便宜,全数字的域名更便宜,后缀选xyz最便宜:
点击加入购物车,结算,使用支付宝付款,地址信息直接乱填。
购买成功后,点击我的产品-域名。点击dns进入设置。
回到fleek:
点击add custom domain(新增自定义域名),输入你刚刚成功购买的域名,点击yes!
点击不带www前缀的那一栏,点击三个点,set up DNS:
复制host:和poins to:后面的参数,然后返回godaddy的dns配置页面。
点击新建,类型对应record,选择CNAME,主机对应host,指向对应points to,照着上一张图填就行。
设置好后,等2分钟,返回fleek点击verify。
同理,设置另一个:
复制host:和points to:后面的参数,和上一步操作一样,创建一个CNAME,主机填host,指向填points to,就不赘述了。(相信你看的出来,和第一步不同的地方就是host后面的参数多了个.www)。
然后点击黄字:
照旧,复制host和points to后的参数,返回godaddy填写配置:
另一个也是一样的操作:点击黄字,复制参数,返回godaddy配置:
然后返回fleek点击verify,如果黄色感叹号消失,说明配置成功了!
当一切配置成功时,就应该像下图中这样:
接着绑定我们的ens:
输入ens,点击verify,授权小狐狸,大概要花3刀gas费。
喝几口水,吃几根火腿休息几分钟。
打开你自己注册的ens域名,比如你的域名是wohenniu.eth,那么就在浏览器输入wohenniu.eth.link,就能看到你部署的静态网站了!
????,这样就算基本????了!
附:ENS注册教程
打开app.ens.domains,链接小狐狸,网络ETH主网。
搜索框旁边选择CN简体中文,方便操作。
输入你想注册的域名,回车搜索,比如wohenniu:可以看到相应的费用。一般来说,ens名字越长,越无意义,就越便宜。
确保钱包内有一定的以太坊,按照步骤点击请求注册>>>等待>>>完成注册。由于我早早注册了ENS,就不重复操作了。
接下来这一步千万不要漏:
点击我的域名,设置反向记录:
反向记录设置好以后,别人就可以直接通过你的ens给你转账了,比如我要给你转100u,我只需要在收件地址里填wohenniu.eth,方便许多。同时登录dapp的时候,也不会显示原来冗长的地址,而是显示你的ens域名,与众不同非常别致。