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

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

因此，本文将带你一步步将个人网站部署到IPFS上，建立一个只属于你的、真正去中心化的网站。

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

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

Web3世界，与这两项“功能”相对应的代表项目分别是ENS、IPFS和Arweave。

ENS是基于以太坊的分布式、可扩展、开放的命名系统；通俗讲，就是区块链域名系统。

上海：支持生产性互联网服务平台引入垂类大模型、产业元宇宙等技术:金色财经报道，上海市人民政府办公厅印发《关于促进本市生产性互联网服务平台高质量发展的若干意见》。其中提出，加快新技术的整合应用。市经信委总工程师葛东波在市政府新闻发布会上表示，聚焦现代化产业体系，打造以新技术赋能的各类平台。例如，面向生物医药，要运用区块链等技术培育具有全渠道供给能力的服务平台。面向汽车产业，打造基于区块链和隐私计算技术的全场景服务平台。同时，还要支持平台引入垂类大模型、产业元宇宙、增强现实等技术，要搭建基于订单驱动的专业服务平台，运用区块链、物联网等技术建设碳管理公共服务平台。[2023/7/19 11:03:31]

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

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

Andrew Kang以0.285美元的成本价卖出了110万枚RDNT:金色财经报道，据链上分析师余烬监测，美国法官裁定XRP不是证券的消息传出后，市场迎来了一波上涨。Andrew Kang(AK)也开始减仓他在6月7日至6月8日均价0.285美元买进的RDNT：以0.285美元的成本价卖出了110万枚RDNT(约31万美元)。[2023/7/14 10:54:24]

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

Uniswap、1inch等头部Web3协议已经将其网站同步至IPFS上。

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

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

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

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

NFT基础设施协议CapsuleNFT推出Ordinary Oranges，比特币NFT可在以太坊主网访问:金色财经报道，比特币NFT借助Ordinary Oranges可在以太坊主网上访问，跨链交互的问题得到解决。Ordinary Oranges是比特币网络上256个聪的集合，OrdinalOrange持有者可以随时选择在以太坊网络上“销毁”NFT。

据悉，Ordinary Oranges由Web3可组合NFT基础设施协议CapsuleNFT推出，CapsuleNFT可以使NFT对艺术家、游戏玩家、收藏家、加密行业参与者等更具可组合性和实用性，从而实现轻松的可转移性和最大的创作自由。（Businesswire）[2023/2/15 12:07:18]

本文我们主要使用Fleek工具提供的方案，该方案优点是部署简单，支持多种Web框架，除了支持Html页面外，也支持如Next.js、Hugo.js、Wordpress等多种语言的网页框架。

本文聚焦在Fleek支持的诸多功能中最简单的一种——Html页面框架部署方案，并且做了分步讲解，希望小白看完能快速上手；对于高手而言，也能起到抛砖引玉的作用。

中国银行行长刘金：要依靠区块链等金融科技的迅速发展，打造统一的数据基础:12月3日消息，中国银行行长刘金12月3日在国际金融论坛（IFF）2022全球年会上表示，目前高质量绿色金融数据缺失是全球的难题，要依靠人工智能、区块链等金融科技的迅速发展，打造统一的数据基础，合理建设专家人才队伍，汇聚世界各国的金融、环境、企业管理等多领域的高端人才，组建全球化绿色金融智囊团，共同助力绿色发展。（上证报）[2022/12/3 21:20:09]

刚刚提到需要准备一个Html网页，因此会用到notion来生成这个Html网页文件，原因主要是notion操作简便，且自带了html导出功能，可以将其作为一个可视化的Html网页制作器。

由于使用的工具Fleek采用的是自动同步Github的方式，因此也需要准备好一个Github账号以及对应的Repo。

部署到IPFS网络本身不需要域名，上传到网络中会生成一段hash，类似于Web2中的IP地址，因此还需要准备一个ENS来映射这段IPFShash。

概括一下，事前准备三样东西：

Partisia区块链基金会任命Hinrich Pfeifer为首席运营官:8月23日消息，Partisia Blockchain Foundation宣布任命前Cardano基金会秘书长Hinrich Pfeifer为首席运营官（COO）。Pfeifer将负责监督Partisia Blockchain的运营以及长期愿景和战略。（Businesswire）[2022/8/23 12:43:55]

一个github账号；

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

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

1.从Notion导出Html

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

1.2从notionexport功能导出我们准备好的页面，由于IPFS对于静态网页支持的能力有限，暂时只能选择单页面导出。。

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

2.上传到Github

2.1进入到GitHub主页，登陆进入如下页面，点击“New”新建一个Repo。

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

2.3接下来需要用到Github客户端。登陆Github客户端后，回到刚刚创建之后的Github网页，点击蓝色框内的“Setupindesktop”。

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

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

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

2.6点击pushorigin把文档推送到GithubRepo中。

3.使用Fleek新建一个项目

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

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

3.1首次进入Fleek需要注册，建议采用Etheretrum小狐狸钱包直接一键注册并登录，比较方便。

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

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

3.4我们选择Hostingservices选项重的IPFS，选择Cointinue进入下一步。

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

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

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

3.8下拉到“AddENS”。

3.9输入ENS域名。

3.10进入到如下界面，再次点击刚刚输入的ENS地址。并选择“Setcontenthash”，最后支付一笔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域名在社交媒体上很受欢迎，不少KOL的昵称为xxx.eth，而在此基础上实现了进一步延伸——把自己的博客部署到IPFS网络，并以ENS域名作为入口，对于加密爱好者来说会是件很酷的事。

匿名性与隐私保护

由于Dweb在早期设计阶段就充分考虑了“去中心化”与“隐私”结合，其实和Tor网络有些许类似之处，都具有不可追踪、匿名性的特点。

不足

对于Web2的兼容性仍然有待提高

虽然工具已经支持很多主流框架，但还不是全部，对于像PHP这种的动态网页框架仍然是不支持的状态。整体兼容度还有待提高。

对国内用户不友好

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

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

标签：WEBENSHTMLEEMETAWEB3PA价格GENShtmoon币当前价格Leeds United Fan Token

火币网下载官方app热门资讯