如何建立个人去中心化网站？

日期：2023年04月16日 08:11 浏览量：1

对于习惯输出

观点的网络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在国内的访问存在一定的障碍。

希望在未来看到更完美的方案