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

对于有观点输出习惯的 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 跨节点分发数据并指向特定数据,可以确保资源来自最近更新的来源,实际体验会更快捷和可靠。

DeFi基础设施和产品开发商Primitive已开源SolStat库:1月3日消息,DeFi基础设施和产品开发商Primitive已开源SolStat库,这是一个用Solidity语言编写的统计函数的数学近似库,支持正态高斯分布的计算,例如累积分布函数(CDF)、百分比点函数(PPF)以及误差和反误差函数,这些分布被用来模拟马尔可夫过程,可以用来模拟价格运动,旨在为社区提供帮助。

Primitive由Alexander Angel于2020年创立,旨在构建专注于自动做市商(AMM)的创新产品,此前在2021年5月的种子轮融资中筹集到300万美元,在2022年8月的A轮融资中筹集900万美元。[2023/1/3 22:22:05]

关于 ENS 和 IPFS 的进一步释义,感兴趣的读者可以阅读《一文了解迄今为止最成功的非金融类以太坊应用程序 ENS》《深度解析 IPFS:新一代互联网底层协议》。

在 ENS 和 IPFS 的共同支持下,分布式的区块链基础架构可以将内容直接存储到智能合约(容器)中。

虽然在感知层面并不明显,但用户如果留意一些主流的 Web 3 应用,可以从他们的官方文档中发现,Uniswap、 1inch 等头部 Web3 协议已经将其网站同步至 IPFS 上。

其 ENS 链接地址分别是 1inch. eth、uniswapexchange.eth,对于原生 Web3 浏览器可以直接输入以上地址访问,对于非原生浏览器,可以使用兼容地址访问:

1inch:https://1inch.eth.link/

uniswap:https://uniswapexchange.eth.link。

更多采用 ENS+IPFS 技术部署的网站,Almonit 做过 Dweb 网站整理,链接如下:https://almonit.eth.link/#/discover/,感兴趣的读者欢迎访问查看。

美国银行:Solana可能成为“数字资产生态系统的Visa”:1月13日消息,美国银行在一份研究报告中表示,Solana区块链可能成为“数字资产生态系统的Visa”,因为它专注于可扩展性、低交易费用和易用性。

报告称,自2020年推出以来,Solana得到广泛的采用,它已处理超过500亿笔交易(全球支付巨头Visa在截至9月30日的一年中处理1647亿笔交易),总锁仓量(TVL)超过110亿美元,铸造超过570万个NFT。Solana还针对小额支付和游戏等消费者用例进行了优化。

分析师认为,随着时间的推移,通过用户采用和吸引开发人员,Solana和其他区块链可能会从以太坊抢占市场份额。(CoinDesk)[2022/1/13 8:45:42]

本文我们主要使用 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。

Polygon联合创始人:“Web 3小白”才会觉得Solana比Polygon更具吸引力:金色财经报道,加密货币分析师 Spencer Noon 此前表示,许多 Web 3 用户认为Solana 是使用次数第二多的智能合约平台,但如果看“日活用户”指标的话,其实Polygon表现更好。1月9日,Polygon 联合创始人 Nailwal 做出回应并表示,“我觉得‘Solana 比 Polygon更具吸引力’的想法可能在Web 3小白用户中更为普遍,因为他们受到了美国机构营销的影响。”据Nailwal透露,Polygon目前拥有2,000-3,000 个活跃的开发团队,而 Solana 只有 200-300 个活跃的开发团队;Solana的日活用户量大约为18万,而Polygon日活用户量达到了27万。[2022/1/10 8:38:23]

概括一下,事前准备三样东西:

一个 github 账号;

一个 ENS 域名,以及对应的钱包和少量 ETH 作为 gas;

一个 notion 账号,并制作一个个人 profile 页面。

 1.1 在 notion 设计一个 profile,Demo 如下图。

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

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

Solana链上DeFi总锁仓量超150亿美元,创历史新高:11 月 8 日消息,据 Defi Llama 数据显示,当前 Solana 链上 DeFi 总锁仓量达 152.3 亿美元,创历史新高。[2021/11/8 6:38:13]

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

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

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

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

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

SOL跌破150美元关口 日内跌幅为11.18%:火币全球站数据显示,SOL短线下跌,跌破150美元关口,现报149.9998美元,日内跌幅达到11.18%,行情波动较大,请做好风险控制。[2021/9/8 23:09:35]

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

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

“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:0ms0-6:368ms