为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧

通过本教程,你能在2小时内不知不觉中完成(哪怕你基础为0,也只要有手就行):

  1. 创建github仓库

  2. 在github上部署静态网页

  3. 在fleek上托管网页

  4. 在ipfs上部署网页,并有一个ens指向它

  5. 拥有一个完全属于你自己的域名和网站

可能要花费:

  1. 购买域名:$1.1

  2. 设置ens(以太坊域名系统)所需gas:$5

  3. 如果你没有ens,还需要购买一个:$30

说了这么多,好像很复杂,其实只是看上去复杂,实际只是繁琐一点而已。

另外,空投这种事情也不强求,能学到一点东西已经算生活品质的提升了。

教程开始(本教程完全面向过程,适合边看边整):

打开网站fleek.co,点击sign up。

为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧

点击sign in with github。需要有github账号,没有的注册一个,就跟平时注册qq号一样简单。要知道,之前HNS,FIL等项目都给github用户空投过!

为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧

  1. 授权github账号登录后,点击新建网站。

  2. 为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧

  3. 登录github,点击右上角+号,点击新建资料库:

  4. 为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧

  5. 按图中规则给资料库命名!

  6. 为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧

  7. 点击从电脑上传文件:

  8. 为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧

  9. 这时候就需要上传网站源码,我找到一个还算不错的:

https://u18740809.pipipan.com/dir/18740809-34439825-ccb531/

复制链接打开,随便选择一个模板下载(我选择了紫色),解压到桌面。

直接把下载好的源码,拖进浏览器,就会自动上传,上传好后点击commit change绿色按钮。

  1. 为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧

  2.  

然后去喝口水,等几分钟吧。

然后,神奇的事情来了:

  1. 为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧

浏览器打开选中的这串链接,你会发现你上传的源码已经成功部署到github服务器上了,相当于你自己创建了一个网站,而且用的是免费的服务器!

  1. 为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧

对,就是这么简单。

 回到fleek,选择你刚刚github创建的资料库:

  1. 为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧

  2. 为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧

  3. 为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧

静候几分钟,等待部署完成。

  1. 为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧

  2. 接下来点击setting:

  3. 为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧

Domains是域名,ens是以太坊域名,这2个都需要用到!

如果你没有ens,文末也有注册购买教程。

先搞定domains。

 如何购买域名?

打开godaddy.com,注册一个账号。

搜索你想要注册的域名,名称越长越便宜,全数字的域名更便宜,后缀选xyz最便宜:

为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧

点击加入购物车,结算,使用支付宝付款,地址信息直接乱填。

购买成功后,点击我的产品-域名。点击dns进入设置。

为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧

 回到fleek:

点击add custom domain(新增自定义域名),输入你刚刚成功购买的域名,点击yes!

点击不带www前缀的那一栏,点击三个点,set up DNS:

为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧复制host:和poins to:后面的参数,然后返回godaddy的dns配置页面。

为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧

点击新建,类型对应record,选择CNAME,主机对应host,指向对应points to,照着上一张图填就行。

为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧

设置好后,等2分钟,返回fleek点击verify。

同理,设置另一个:

为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧

为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧

复制host:和points to:后面的参数,和上一步操作一样,创建一个CNAME,主机填host,指向填points to,就不赘述了。(相信你看的出来,和第一步不同的地方就是host后面的参数多了个.www)。

然后点击黄字:

为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧

为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧

照旧,复制host和points to后的参数,返回godaddy填写配置:

为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧

另一个也是一样的操作:点击黄字,复制参数,返回godaddy配置:

为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧

为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧

然后返回fleek点击verify,如果黄色感叹号消失,说明配置成功了!

当一切配置成功时,就应该像下图中这样:

为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧

接着绑定我们的ens:

为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧

输入ens,点击verify,授权小狐狸,大概要花3刀gas费。

为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧

为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧

喝几口水,吃几根火腿休息几分钟。

打开你自己注册的ens域名,比如你的域名是wohenniu.eth,那么就在浏览器输入wohenniu.eth.link,就能看到你部署的静态网站了!

????,这样就算基本????了!

附:ENS注册教程

打开app.ens.domains,链接小狐狸,网络ETH主网。

搜索框旁边选择CN简体中文,方便操作。

输入你想注册的域名,回车搜索,比如wohenniu:可以看到相应的费用。一般来说,ens名字越长,越无意义,就越便宜。

为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧

确保钱包内有一定的以太坊,按照步骤点击请求注册>>>等待>>>完成注册。由于我早早注册了ENS,就不重复操作了。

接下来这一步千万不要漏:

点击我的域名,设置反向记录:

为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧

反向记录设置好以后,别人就可以直接通过你的ens给你转账了,比如我要给你转100u,我只需要在收件地址里填wohenniu.eth,方便许多。同时登录dapp的时候,也不会显示原来冗长的地址,而是显示你的ens域名,与众不同非常别致。

为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧

扫一扫手机访问

为你奉上Dfinity生态项目 Fleek 空投教程!快来看看吧

发表评论