对于习惯输出
观点的网络3爱好者来说，将内容“注册”在Twitter等网络2社交媒体上是不可能的也缺乏归属感和独立性。对Web3协议团队和项目方来说，从产品服务器到前端展示全流程中心化，在叙事上也很有吸引力。 无论你有什么动力，创建个人或项目的官方网站作为去中心化网站在成本、匿名性、隐私保护等方面有一定的优势。
于是，本文带着你一步一步地将个人网站(以Notion生成的页面为例)配置在IPFS上，制作出只有你的、真正中心化的网站(Dweb )。
文章共分为介绍、实操和建议三部分。 我先介绍中心化网Dweb的概念和代表，然后手把手地教你如何在Dweb上配置个人名片网站，最后，我也总结一下目前方案的优缺点。
考虑到文章的篇幅和易用性，实验部分介绍了最简单的htmlweb框架部署方法。 此外，本教程主要是通过Fleek工具引入的。 Fleek功能强大可以打包、Wordpress、Next. js等各种web框架，具有技术基础的朋友可以深入探索。 什么是
中心化网站？
到中心化网站(Dweb )顾名思义，这是一个部署在去中心化网络上的网站。 从
构成部分来看，Dweb与传统的因特网网站一样，需要拥有入口3354域名、运营商主体——托管服务器。 在Web3的世界里与这两个“功能”相对应的代表性项目分别是ENS、IPFS和Arweave。 (这篇文章重点介绍了前者，也是很多项目使用的方案。
ens(ethereumnameservice )是基于以太网的分布式、可扩展、开放的命名系统； 通俗地说，就是区块链域名系统。
IPFS的理念是将数据分布并存储在世界上任何人都可以运行的节点上，本质上是一种经得起检验的点对点数据存储服务。 此外，IPFS在节点之间分发数据并指向特定数据，从而确保资源来自最近更新的源，实际体验变得更快更可靠。 通过
ens和IPFS的联合支持，分布式块链基础架构可以将内容直接存储在智能合约(容器)中。
[ xy 001 ]基于ensi PFS的代表站点[ xy 002 ]虽然在感知水平上尚不清楚，但当用户关注主要的web3APP时，从官方文档中可以看出Uniswap、1inch等头部Web 3协议正在将其网站同步到IPFS。
其ENS链接地址分别为1inch. eth、uniswapexchange.eth，可以直接输入这些地址访问本地Web3浏览器，而对于非本地浏览器
采用更多ENS IPFS技术部署的站点。 Almonit曾整理过Dweb网站。 链接如下。 https://al monit.eth.link/#/discover /。
本文主要使用通过Fleek工具提供的方案。 该方案的优点是，除了Html页面以外，它还易于部署，能够支持各种Web框架它还支持、Next.js、Hugo.js和Wordpress等多种语言的web框架。
本文重点介绍了Fleek支持的许多功能中最简单的——Html页面框架的部署方案，并进行了分步说明希望看完白色后马上就能得到； 对高手来说也能起到抛砖引玉的作用。
刚才提到了需要准备Html页面，所以用notion生成这个Html页面文件的原因主要是notion操作简单，并具有html导出功能，因此可以用作可视化的htmlweb页面生成器。
使用的工具Fleek采用的是自动同步Github的方式因此，还需要提供Github帐户和相应的Repo (库)。 [ xy 002 ] [ xy001 ]部署到ipfs网络本身不需要域名。 上传到网络时，会生成类似Web2的IP地址的散列因此，还需要提供映射此IPFS hash的ENS。
概括起来，事先准备三样东西。
1一个github帐户；
ens域名、对应的钱包和少量的ETH作为gas； 创建
notion帐户并创建个人配置文件页面。 [ xy 002 ] [ xy 001 ]1.从notion导出html [ xy 002 ]在
1.1notion中设计配置文件。 Demo如下图所示。
[ xy 002 ] [ xy001 ] 1.2从notion export功能导出准备好的页面。 由于IPFS对静态页面的支持能力有限，所以只能暂时选择单页面导出。 (高级选手也可以实现多级页面——subpages。
[ xy 002 ] [ xy001 ] [ xy 002 ] [ xy001 ] 1.3获取导出的压缩文件时，它会自动下载到本地。 在本地解压缩将得到下图中的文件夹和Html文件。 将以" xxx. html "结尾的文件重命名为" index. html "
上传至[ xy 001 ] [ xy 002 ] [ xy 001 ]2. github主页，登录下一页，然后单击“New”创建新的Repo。
2.2对于此新的Repo，建议使用“隐私”库方法。 因为这样可以避免Fleek工具和作者以外的人访问原始文件。
2.3接下来需要Github客户端。 如果您的计算机没有Github客户端，则需要下载并安装。 登录Github客户端后，将返回到刚创建的Github页面，然后单击蓝色边框中的设置在桌面上“在桌面上打开客户端”。
安装
2.4桌面客户端时，会出现以下提示：
2.5来到桌面客户端，按照说明设置本地目录并记录该本地目录的路径。 将在第一步“从Notion导出数据”中下载的文件复制到其本地目录中。
2.5复制完成后，返回客户端将显示以下提示： 填写一些说明，然后单击commit。
单击[ xy 002 ] [ xy001 ] 2.6推送原点将文档推送至Github Repo。
使用
3.Fleek创建新项目“fleek是一个工具集，包含在开放网络及其协议中无缝构建现代站点和APP发布所需的一切。 ”
简单来说另外，Fleek这一工具可以很容易地将个人网站引入去中心化网络。
3.1首次进入Fleek需要注册。 建议使用Etheretrum的钱包直接一键登录注册，很方便(也可以使用Github或Email注册)。
3.2注册并登录后，需要来到项目主页，然后为网站创建项目。
3.3选择在步骤2中创建的Github Repo，然后转至下一步。
选择[ xy 002 ] [ xy001 ] 3.4 hosting services选项中较重的IPFS，然后选择Cointinue进行下一步。
3.5选择刚创建的站点，进入高级设置页面。
[ xy 002 ] [ xy001 ] [ xy 002 ] [ xy001 ] 3.6当前，网站已部署在IPFS上，Fleek工具与映射域名密切相关，如图所示。
3.7然后绑定ENS域名，并选择“设置”
找到“ENS”。 将[ xy 002 ] [ xy001 ] [ xy 002 ] [ xy001 ] 3.8下拉列表为“Add ENS”。
输入
3.9ens域名。 [ xy 002 ] [ xy001 ] [ xy 002 ] [ xy001 ] 3.10进入下一个画面，再次单击刚才输入的ENS地址。 选择" Set content hash "最后支付Gas费用完成绑定。
3.11此时，以前为灰色的ENS域名变为蓝色，表明绑定成功。
[ xy 002 ] [ xy001 ]对于3.12 brave、远程钱包手机APP等支持中心化域名的浏览器，如在此设定的yyzfish.eth那样直接输入ENS，即可直接访问导入的Dweb关于Web2的浏览器，ENS也有兼容的计划，可以直接访问https://yyzfish.eth.link。
在启动过程中的一些思考结束了这个过程后，我感觉到去中心化网站与传统网站相比有一些优缺点。
优势
成本低且稳定
传统Web2页面需要部署在服务器上中选择所需的族。 不仅需要维护，成本还会随着用户数量的增加而增加。 但是，从本文在Web3上的部署过程中可以看出，在IFPS上的部署成本非常低廉，目前是免费的，无论用户数量如何，成本都不会改变。
更完整的Web3故事
在初期，由于链上的gas较高，很难同时将完整的项目(前端智能合约)部署到以太网这样的网络中。 现在，随着IPFS网络协议的完善，巨大的前端交互页面也有自己的去中心化网络。 这在叙事上符合真正的“去中心化”理念。 目前，Uniswap、1inch等头部DeFi协议陆续被引入去中心化网络将来，完全部署到去中心化网络可能会成为Web3项目的标准。
对个人来说很酷
ENS域名在Twitter等社交媒体上很受欢迎，很多KOL的昵称是xxx. eth在此基础上，进一步扩展——实现了在IPFS网络上引入自己的博客，以ENS域名为入口，这对于加密爱好者来说是一件很酷的事情。
匿名和隐私保护
dweb在初期设计阶段充分考虑了“去中心化”和“隐私”的结合，所以实际上与Tor网络有点类似，具有不可追踪、匿名的特点。
不足
需要与Web 2兼容的
工具已经支持许多主流框架，但尚未全部支持，例如PHP这样的动态web框架整体的互换性还需提高。
对国内用户不友好
当前的IPFS节点还没有达到白皮书中计划的数量(路线图)，因此Dweb在国内的访问存在一定的障碍。
希望在未来看到更完美的方案
上一篇
