BSP:手把手教你建立去中心化个人网站

对于有观点输出习惯的 Web3 爱好者而言,将内容“寄存”在 Twitter 等 Web2 社交媒体上,似乎还不够“抗审查”,也缺些专属感和独立性;对于 Web3 协议团队或项目方而言,从产品服务到前端呈现全流程的去中心化,也在叙事上更具吸引力。而无论是抱着何种动力,将个人或项目官方网站制作为去中心化网站,在成本、匿名性、隐私保护等方面都有一定优势。

因此,本文将带你一步步将个人网站(以 Notion 生成的网页为例)部署到 IPFS 上,建立一个只属于你的、真正去中心化的网站(Dweb)。

文章一共分为介绍、实操、建议三部分。我会先介绍去中心化网络 Dweb 的概念及代表,再手把手教学将个人名片网站署到 Dweb 上的方法,最后,我也会总结下当前方案的优劣势。

考虑到文章篇幅和上手难度,在实操部分,我只介绍最简单的一种 Html 网页框架部署方法。同时,这一教程主要靠 Fleek 工具来实现部署。Fleek 的功能强大,能打包多种网页框架(如 Wordpress、Next. js 等),有一定技术基础的朋友,可以纵深探索。

去中心化网站(Dweb),字面上看就是部署在去中心化网络上的网站。

从构成部分看,Dweb 和传统互联网网站类似,都需要拥有一个入口——域名、一个承载主体——托管服务器。在 Web3 世界,与这两项“功能”相对应的代表项目分别是 ENS、IPFS 和 Arweave(本文重点介绍前者,也是较多项目在使用的方案)。

ENS(Ethereum Name Service)是基于以太坊的分布式、可扩展、开放的命名系统;通俗讲,就是区块链域名系统。

IPFS 的理念是将数据分布存储在世界各地、任何人可运行的节点上;本质上是项抗审查、点对点的数据存储服务。此外,由于 IPFS 跨节点分发数据并指向特定数据,可以确保资源来自最近更新的来源,实际体验会更快捷和可靠。

redacted_money Discord服务器遭到入侵:金色财经报道,Certi KAlert提醒称,/img/202315231805/0.jpg">

跨链协议Ren宣布2.0版本,最早将于9月独立上线:8月10日消息,跨链协议Ren公布Ren2.0版本及路线图。Ren2.0将通过更彻底的去中心化与基于FROST的更简单的MPC算法,提升跨链的安全性、可扩展性;并包含一个 EVM 层,以便捷多链应用的开发。据悉,拥有 10 万枚 Ren Token 将可以成为运行 RenEVM 的验证器。Ren2.0最早将于9月推出,并与现有网络并行运行,预计明年年底合并。[2022/8/10 12:15:29]

 1.2 从 notion export 功能导出我们准备好的页面,由于 IPFS 对于静态网页支持的能力有限,暂时只能选择单页面导出。(高阶选手也可实现多级页面——subpages)。

 1.3 获得了导出的压缩文件后会自动下载到本地。在本地解压后,会得到下图中的一个文件夹和一个 Html 文件。将“xxx. html”结尾的文件更名为“index. html”。

 2.1 进入到 GitHub 主页,登陆(没有账号的需要注册一个账号)进入如下页面,点击“ New ”新建一个 Repo。

 2.2 对于这个新建的 Repo 建议采用 Private (隐私)库的方式。因为这样可以避免除了 Fleek 工具和创建者的其他人访问到原始文件。

多链质押基础设施Stader Labs与P2P期权协议Delta Theta达成合作:7月29日消息,多链质押基础设施Stader Labs宣布与P2P期权协议Delta Theta达成合作。通过此次合作,用户将能够使用Stader的流动质押代币Matic X创建期权并在Delta Theta上进行交易。[2022/7/29 2:46:18]

 2.3 接下来需要用到 Github 客户端(如果电脑上没有 Github 客户端则需要下载并安装一个)。登陆 Github 客户端后,回到刚刚创建之后的 Github 网页,点击蓝色框内的“ Set up in desktop ”(在桌面打开客户端)。

 2.4 安装了桌面客户端后,会有如下提示。

 2.5 来到桌面客户端,按照提示设定好一个本地目录并记录这个本地目录的路径。将第一步 “从 Notion 导出资料”中我们在下载的文件,复制到该本地目录中。

 2.5 复制完成后,回到客户端会有如下提示。填写一些描述内容并点击 commit。

 2.6 点击 push origin 把文档推送到 Github Repo 中。

SushiSwap基于Stargate启动跨链AMM SushiXSwap:7月21日消息,SushiSwap宣布基于跨链桥Stargate启动跨链 AMM SushiXSwap,允许用户跨链桥接和交易多种代币,目前支持的网络包括Optimism、Arbitrum、Fantom、BNB Chain和Avalanche。

SushiSwap表示,SushiXSwap是一个统一的多链用户界面,用于在任何主要链之间交易代币,使用户能够在每条链上使用协议流动性池,在目标链上获得所需的资产。[2022/7/21 2:29:26]

“Fleek 是一套工具,包含在开放网络及其协议上无缝构建现代站点和应用程序所需的一切。”

简单来说,Fleek 这个工具可以将个人网站简便地部署到去中心化网络上。

 3.1 首次进入 Fleek 需要注册,建议采用 Etheretrum 小狐狸钱包直接一键注册并登录,比较方便(亦可以使用 Github 或 Email 来注册)。

 3.2 注册并登陆之后来到项目主页,接下来需要创建一个网站项目。

 3.3 我们选择刚刚第二步中创建的 Github Repo,并进入到下一步。

 3.4 我们选择 Hosting services 选项重的 IPFS,选择 Cointinue 进入下一步。

 3.5 选择刚刚创建完成的网站,进入详细配置页面。

 3.6 现在网站已经部署到 IPFS 上面了,Fleek 工具还很贴心的关联了一个映射域名,如图所示。

 3.7 接下来,绑定 ENS 域名,选择“ Setting ”,并找到“ ENS ”。

 3.8 下拉到“ Add ENS ”。

 3.9 输入 ENS 域名。

 3.10 进入到如下界面,再次点击刚刚输入的 ENS 地址。并选择“ Set content hash ”,最后支付一笔 Gas 费完成绑定。

 3.11 此时我们看到之前是灰色的 ENS 域名已经转变成为蓝色,绑定成功。

 3.12 对于支持去中心化域名的浏览器,如 brave,小狐狸钱包手机 APP 等,直接输入 ENS 如我这里设置的 yyzfish.eth即可以直接访问部署的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 这种的动态网页框架仍然是不支持的状态。整体兼容度还有待提高。

对国内用户不友好

由于当前 IPFS 的节点还远未达到白皮书中所计划的数量(路线图),因此,Dweb 在国内的访问有一定的阻碍。

希望未来能够看到更加完善的方案,以及技术的迭代。

胖虎

个人专栏

阅读更多

金色早8点

金色财经

去中心化金融社区

CertiK中文社区

虎嗅科技

区块律动BlockBeats

念青

深潮TechFlow

Odaily星球日报

腾讯研究院

郑重声明: 本文版权归原作者所有, 转载文章仅为传播更多信息之目的, 如作者信息标记有误, 请第一时间联系我们修改或删除, 多谢。

地球链

[0:15ms0-1:94ms