木星链 木星链
Ctrl+D收藏木星链

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

作者:

时间:1900/1/1 0:00:00

对于有观点输出习惯的Web3爱好者而言,将内容“寄存”在Twitter等Web2社交媒体上,似乎还不够“抗审查”,也缺些专属感和独立性;对于Web3协议团队或项目方而言,从产品服务到前端呈现全流程的去中心化,也在叙事上更具吸引力。而无论是抱着何种动力,将个人或项目官方网站制作为去中心化网站,在成本、匿名性、隐私保护等方面都有一定优势。因此,本文将带你一步步将个人网站部署到IPFS上,建立一个只属于你的、真正去中心化的网站。文章一共分为介绍、实操、建议三部分。我会先介绍去中心化网络Dweb的概念及代表,再手把手教学将个人名片网站署到Dweb上的方法,最后,我也会总结下当前方案的优劣势。考虑到文章篇幅和上手难度,在实操部分,我只介绍最简单的一种Html网页框架部署方法。同时,这一教程主要靠Fleek工具来实现部署。Fleek的功能强大,能打包多种网页框架,有一定技术基础的朋友,可以纵深探索。什么是去中心化网站?

去中心化网站,字面上看就是部署在去中心化网络上的网站。从构成部分看,Dweb和传统互联网网站类似,都需要拥有一个入口——域名、一个承载主体——托管服务器。在Web3世界,与这两项“功能”相对应的代表项目分别是ENS、IPFS和Arweave。ENS是基于以太坊的分布式、可扩展、开放的命名系统;通俗讲,就是区块链域名系统。IPFS的理念是将数据分布存储在世界各地、任何人可运行的节点上;本质上是项抗审查、点对点的数据存储服务。此外,由于IPFS跨节点分发数据并指向特定数据,可以确保资源来自最近更新的来源,实际体验会更快捷和可靠。关于ENS和IPFS的进一步释义,感兴趣的读者可以阅读《一文了解迄今为止最成功的非金融类以太坊应用程序ENS》《深度解析IPFS:新一代互联网底层协议》。在ENS和IPFS的共同支持下,分布式的区块链基础架构可以将内容直接存储到智能合约中。基于ENS+IPFS的代表网站

数据:0x36aE开头巨鲸地址于1小时前将25,669枚ILV转入Binance:7月4日消息,据Lookonchain数据显示,0x36aE开头巨鲸地址于1小时前将三天前解锁的25,669枚ILV转入Binance,价值约合120万美元,据链上数据记录显示,该地址每次接收到解锁的ILV都会将代币转移至交易平台出售。[2023/7/4 22:17:03]

虽然在感知层面并不明显,但用户如果留意一些主流的Web3应用,可以从他们的官方文档中发现,Uniswap、1inch等头部Web3协议已经将其网站同步至IPFS上。其ENS链接地址分别是1inch.eth、uniswapexchange.eth,对于原生Web3浏览器可以直接输入以上地址访问,对于非原生浏览器,可以使用兼容地址访问:1inch:1inch.eth.link/\"_src=\"https://1inch.eth.link/\">https://1inch.eth.link/uniswap:https://uniswapexchange.eth.link。更多采用ENS+IPFS技术部署的网站,Almonit做过Dweb网站整理,链接如下:https://almonit.eth.link/#/discover/,感兴趣的读者欢迎访问查看。如何部署

本文我们主要使用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来映射这段IPFShash。概括一下,事前准备三样东西:一个github账号;一个ENS域名,以及对应的钱包和少量ETH作为gas;一个notion账号,并制作一个个人profile页面。1.从Notion导出Html

派盾:2023年1月共有24个漏洞导致880万美元被盗,环比下降92.7%:2月1日消息,派盾数据显示,2023年1月共有24个漏洞导致880万美元被盗,较2022年12月的1.21亿美元下降92.7%。截止1月31日,价值约260万美元的被盗资金(约2668枚BNB和1200枚ETH)已转移至混币器(TornadoCash、Fixedfloat、sideshift等)。[2023/2/1 11:40:05]

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

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

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

2.上传到Github

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

数据:BTC月度波动率降至24.6%,ETH降至39.8%:金色财经报道,据区块链分析公司Glassnode最新数据显示,比特币月度波动率已降至24.6%低点,以太坊降至39.8%。比特币网络处理的美元总价值也出现“自由落体式”下降,日转账量已经从2022年第三季度的约400亿美元的高度跌至58亿美元/日,回到了2020年牛市前的水平,比特币大额转账(1000万美元以上)已经从FTX崩溃前的42.8%主导地位下降到19.0%。比特币的交易所流入量目前在3.5亿到4亿美元/天之间,以太坊交易所出现复苏从截至2021年5月仅30%增长到42%。[2023/1/13 11:10:39]

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

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

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

XEN Crypto合约Gas消耗已超4000枚ETH:金色财经报道,10月12日,据OKLink显示,3天以来XEN Crypto合约Gas已消耗超4,277.97枚ETH,价值逾555万美元。其中过去24小时,XEN Crypto合约Gas消耗了549.67枚ETH,Gas消耗榜排名第一。

此前消息,XEN Crypto合约曾一度让以太坊Gas飙升至100Gwei上方,目前据XEN Crypto官网显示,BSC链上铸币地址已超153万,活跃铸币地址数量(Active Minters)为1,533,650。[2022/10/12 10:32:22]

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

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

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

Web3加密社交平台Calaxy完成2600万美元融资,NBA球星丁威迪升任执行主席:金色财经报道,Web3加密社交平台Calaxy宣布已完成2600万美元融资,本轮融资的联合领投方为HBAR 基金会和 Animoca Brands,参投方为Polygon。此外,作为公司联合创始人的NBA达拉斯独行侠队后卫丁威迪升任执行主席,另一位联合创始人、前华尔街投资银行家 Solo Ceesay 从首席运营官晋升为首席执行官。Calaxy支持创作者和名人用代币筹集资金,允许粉丝通过视频消息、在线课程、视频通话和粉丝俱乐部订阅与他们互动,该公司曾在2021年7月募集到一笔750万美元的投资。(sporttechie)[2022/6/7 4:07:14]

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在国内的访问有一定的阻碍。希望未来能够看到更加完善的方案,以及技术的迭代。

标签:WEBENSETHWEB3web3币有哪些ens币最新消息ethylenepropyleneweb3游戏龙之岛

SHIB最新价格热门资讯
NFT:卡塔尔世界杯倒计时,相关热门项目盘点

世界杯无疑是各个相关区块链项目向全球市场推广自己的黄金机会,每届世界杯的举办都为区块链市场带来了动辄数十亿美元的体量增长与海量的热门流量.

1900/1/1 0:00:00
SUI:一文了解Sui的代币模型机制与生态项目

Sui基金会开放资助计划,一文速览Sui生态当前发展状态\"width=\"800\"height=\"266\"data-img-size-val=\"698,266\"/>10月25日.

1900/1/1 0:00:00
USD:一文透视Alameda当下面临的DeFi债务危机

Binance与FTX的剧情在一夜间经历了两次翻转,从争论到收购再到监管的不确定性,整个大盘也随之短暂上涨后又急剧下跌.

1900/1/1 0:00:00
Polygon:解析Polygon zkEVM的安全性、稳定性及市场竞争力

PolygonzkEVM由Polygon构建,为项目提供ZK证明的可扩展性优势以及与以太坊虚拟机(EVM)的兼容性。EVM兼容性意味着开发人员可以通过最少的代码更改轻松移植以太坊智能合约.

1900/1/1 0:00:00
FUEL:盘点Fuel Network生态值得关注的16个项目

FuelNetwork在并行交易处理、FuelVM、无代币批准等方面的明显优势让其在模块执行层中占有一席之地.

1900/1/1 0:00:00
DID:DID:对信用和Permissionless的渴求

在上周发出的首尾相连:DID和链上数据构建的去中心化链路一文中,R3PO指出链上数据是一种“下沉”的数据基础设施.

1900/1/1 0:00:00