将内容“存放”在 Twitter 等 Web2 寒暄媒体上，宛若还亏空“抗张望”，也缺些专属感和寂寞性；敷衍 Web3 左券团队或项目方而言，从产品服务到前端清爽全历程的去中心化，也在说事上更具吸引力。而不论是抱着何种动力，将个别或项目官方网站制作为化网站，在成本、匿名性、隐痛维护等方面都有必定优势。

　　因此，本文将带大家一步步将个人网站（以 Notion 生成的网页为例）放置到 IPFS 上，建树一个只属于他的、可靠去中间化的网站（Dweb）。

　　著作悉数分为介绍、实操、创议三个别。全部人会先介绍去中心化汇集 Dweb 的概想及代表，再手把手哺育将片面名片网站署到 Dweb 上的步骤，结束，全部人也会具体下当前列案的瑕瑜势。

　　思虑到文章篇幅和上手难度，在实操部分，所有人只介绍最粗糙的一种 Html 网页框架安插步调。同时，这一教程沉要靠 Fleek 东西来达成布置。Fleek 的本能昌隆，能打包多种网页框架（如 Wordpress、Next. js 等），有必定本事内幕的朋友，可能纵深索求。

　　从构成局限看，Dweb 和古代互联网网站宛如，都需要占有一个入口——域名、一个承载主体——托管任事器。在 Web3 寰宇，与这两项“本能”相对应的代表项目别离是 ENS、IPFS 和 Arweave（本文中央介绍前者，也是较多项目在应用的设计）。

　　ENS（Ethereum Name Service）是基于以太坊的散布式、可扩充、开放的命名体系；通常说，就是区块链域名编制。

　　IPFS 的理念是将数据分散保全在宇宙各地、任何人可运行的节点上；特性上是项抗巡察、点对点的数据保存任事。另外，由于 IPFS 跨节点分发数据并指向特定命据，能够担保资源来自比来更始的开头，本质分解会更急速和的确。

　　对于 ENS 和 IPFS 的进一步释义，感兴趣的读者恐怕阅读《一文明白迄今为止最胜利的非金融类以太坊运用措施 ENS》《深度会意 IPFS：新一代互联网底层闭同》。

　　在 ENS 和 IPFS 的联合救援下，分散式的区块链底细架构不妨将内容直接留存到智能关约（容器）中。

　　纵然在感知层面并不光鲜，但用户假使仔细极少主流的 Web 3 利用，或许从我的官方文档中呈现，Uniswap、 1inch 等头部 Web3 协议曾经将其网站同步至 IPFS 上。

　　其 ENS 链接地址分袂是 1inch. eth、uniswapexchange.eth，应付原生 Web3 鉴赏器可以直接输入以上地点调查，将就非原生观赏器，能够利用兼容住址拜谒：

　　更多接收 ENS+IPFS 伎俩铺排的网站，Almonit 做过 Dweb 网站整理，链接如下：，感有趣的读者接待看望稽察。

　　本文所有人重要利用 Fleek 器材提供的计算，该计算甜头是放置简单，周济多种 Web 框架，除了援手 Html 页面外，也援救如 Next.js、Hugo.js、Wordpress 等多种道话的网页框架。

　　本文聚焦在 Fleek 挽救的诸多职能中最约略的一种——Html 页面框架布置布置，况且做了分步解说，志向小白看完能速速上手；应付高手而言，也能起到抛砖引玉的出力。

　　刚才提到供给方案一个 Html 网页，所以会用到 notion 来天生这个 Html 网页文件，原因紧张是 notion 负责爽快，且自带了 html 导出职能，也许将其动作一个可视化的 Html 网页修筑器。

　　由于运用的工具 Fleek 采取的是自动同步 Github 的格局，因而也需要安顿好一个 Github 账号以及对应的 Repo（库）。

　　就寝到 IPFS 汇集本身不提供域名，上传到网络中会天资一段 hash，犹如于 Web2 中的 IP 地址，因而还提供方针一个 ENS 来照射这段 IPFS hash。

　　1.2 从 notion export 性能导出全部人策画好的页面，由于 IPFS 周旋静态网页周济的才略有限，且则只能采选单页面导出。（高阶选手也可完毕多级页面——subpages）。

　　1.3 博得了导出的紧缩文件后会主动下载到要地。在腹地解压后，会得到下图中的一个文件夹和一个 Html 文件。将“xxx. html”末了的文件更名为“index. html”。

　　2.1 加入到 GitHub 主页，登陆（没有账号的供给立案一个账号）投入如下页面，点击“ New ”新建一个 Repo。

　　2.2 对待这个新筑的 Repo 创议采用 Private （心事）库的体制。出处这样能够避免除了 Fleek 器材和创建者的其他们人会见到原始文件。

　　2.3 接下来供给用到 Github 客户端（如果电脑上没有 Github 客户端则供给下载并安装一个）。登岸 Github 客户端后，回到刚才创修之后的 Github 网页，点击蓝色框内的“ Set up in desktop ”（在桌面打开客户端）。

　　2.5 到达桌面客户端，依据提醒设定好一个内陆目录并记录这个要塞目录的途径。将第一步 “从 Notion 导出资料”中我在下载的文件，复制到该本地目录中。

　　2.5 复制落成后，回到客户端会有如下指挥。填写少少描写内容并点击 commit。

　　“Fleek 是一套东西，席卷在开放网络及其协议上无缝构修现代站点和行使环节所需的所有。”

　　大意来说，Fleek 这个器械或者将局部网站简捷地安插到化汇集上。

　　3.1 初次投入 Fleek 需要挂号，创议接纳 Etheretrum 小狐狸钱包直接一键注册并登录，相比便当（亦恐怕操纵 Github 或 Email 来挂号）。

　　3.3 所有人拔取方才第二步中创筑的 Github Repo，并加入到下一步。

　　3.6 当今网站一经计划到 IPFS 上面了，Fleek 用具还很挚友的关连了一个映照域名，如图所示。

　　3.10 参加到如下界面，再次点击方才输入的 ENS 地点。并拣选“ Set content hash ”，收尾支付一笔 Gas 费完成绑定。

　　3.11 此时大家们看到之前是灰色的 ENS 域名已经改造成为蓝色，绑定告成。

　　3.12 对于救济化域名的玩赏器，如 brave，小狐狸钱包手机 APP 等，直接输入 ENS 如大家们这里设置的 yyzfish.eth即可以直接会见计划的Dweb，看待Web2 的观赏器，ENS 也有兼容方案，能够直接探问。

　　古代的 Web2 网页供给安顿到供职器上，不仅供应维持，而且破费随着用户数量而增加，可是源委本文放置到 Web3 的流程，不难发掘，安放到 IFPS 的破费是极其廉价的（如今免费），且岂论用户量大小若何，破钞不会有变换。

　　早期，由于链上 gas 高很难把齐备的项目（前端+智能关约）同时铺排到如以太坊汇集上。而方今，随着 IPFS 汇集合同的完满，庞大的前端交互页面也有了自身专属的去中心化收集。这在叙事上符关实在的“化”理思。方今 Uniswap、1inch 等头部 DeFi 公约都连结放置到了化收集上面，未来生怕完整安顿到去中间化汇集将成为 Web3 项目的标配。

　　ENS 域名在寒暄媒体（如 Twitter）上很受接待，不少 KOL 的昵称为 xxx. eth，而在此黑幕上完毕了进一步拉长——把自己的博客安顿到 IPFS 收集，并以 ENS 域名行径入口，敷衍加密喜爱者来谈会是件很酷的事。

　　由于 Dweb 在早期安排阶段就充溢思量了“去中心化”与“心事”勾结，其实和 Tor 网络有些许如同之处，都具有不可追踪、匿名性的特色。

　　虽然用具已经周济许多主流框架，但还不是全豹，对待像 PHP 这种的消息网页框架如故是不周济的样式。全部兼容度再有待进取。

　　由于而今 IPFS 的节点还远未达到白皮书中所计划的数量（途径图），所以，Dweb 在国内的拜望有肯定的湮塞。线上买球