链资讯 链资讯
Ctrl+D收藏链资讯
首页 > Fil > 正文

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

作者:

时间:

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

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

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

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

什么是去中心化网站?

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

从构成部分看,Dweb?和传统互联网网站类似,都需要拥有一个入口——域名、一个承载主体——托管服务器。在?Web3?世界,与这两项“功能”相对应的代表项目分别是?ENS、IPFS?和?Arweave。

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

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

Wombat Exchange已推出跨链稳定币池Beta版:9月7日消息,Wombat Exchange在社交媒体上宣布,已推出跨链稳定币池Beta版,用户可以在一个地方交易来自BNB Chain、Arbitrum和以太坊等不同网络的USDT和USDC等稳定币。[2023/9/7 13:24:14]

关于?ENS?和?IPFS?的进一步释义,感兴趣的读者可以阅读《一文了解迄今为止最成功的非金融类以太坊应用程序?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/,感兴趣的读者欢迎访问查看。

如何部署

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

Scam Sniffer:有人因ERC20-Permit网络钓鱼损失56万美元MC代币:金色财经报道,Scam Sniffer发布推文警告称,3小时前,有人因ERC20-Permit网络钓鱼丢失了价值约 56 万美元的MC代币。[2023/8/25 10:02:09]

本文聚焦在?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

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

QCP Capital:未来几周BTC或反弹至3.4万美元:金色财经报道,比特币交易平台QCP Capital在其报告中表示,未来几周将是BTC价格走势的关键决策点,距离“sharo 反弹”至34,000美元可能需要几周时间。分析预测,比特币缺乏主要的波动催化剂,但经典的支撑反弹可能会引发一年多来最高的比特币价格回归。

在谈到宏观经济趋势时,QCP认为,重大变化尚未出现,这与加密货币的现状相呼应。报告写道:“上一次交易如此横盘是在 2018 年和 2019 年的加密货币寒冬期间,宏观环境发生变化才使市场再次复苏。”[2023/8/16 21:26:04]

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

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

?2.上传到?Github

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

高性能算力公司SAI旗下HEATNUC已与JIUDE Capital签署种子轮融资认购协议:7月18日消息,高性能算力公司SAI旗下子公司HEATNUC已与风险投资机构JIUDE Capital签署了一份种子轮融资认购协议,所筹资金将用于加速团队建设过程,并吸引和确保关键研发人员。

据悉,HEATNUC专注于先进的小型模块化反应堆技术,致力于开发第三代模块化核反应堆,并对第四代小型模块化核反应堆(SMR)进行战略规划,以满足稳定、清洁电力的长期需求资源。[2023/7/18 11:01:26]

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

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

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

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

腾讯申请多个“光子宇宙”商标,加速布局元宇宙:6月27日消息,天眼查App显示,近日,腾讯科技(深圳)有限公司申请注册多个“光子宇宙”商标,另外还申请了“光宙”“光子探索”“光子小量子”“光宙映像 LIGHTSPEED PICTURES”等光子系列商标,国际分类包括科学仪器、通讯服务、设计研究等,商标状态均为申请中。 [2022/6/27 1:33:58]

?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?网络有些许类似之处,都具有不可追踪、匿名性的特点。

不足

对于?Web?2?的兼容性仍然有待提高

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

对国内用户不友好

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

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

标签:NFTLEELEEKITHnfts币简介leek币显卡mith币怎么样

Fil热门资讯
CROS:金色观察丨GBTC母公司陷入困境 MicroStrategy风险如何_区块链

文/BlockworksResearch;译/金色财经xiaozou 关键问题 MSTR的债务结构是怎样的?MSTR是否有比特币清算价格?如果有.

EGY:85后江西富豪创业 又是一个IPO_EGYPT

按招股书,以2021年非自主开发手机游戏产生的收入计,中旭未来以54亿元的收入在国内排名第二,占2021年移动游戏收入的100%,是全年收入的超过90%.

元宇宙:连年亏损下 web3能拯救B站吗?_WEBN币

作者:XiaoZ@iNFTnews.com11月15日,百度旗下DuDuLab发行的DuDuBearNFT已完成铸造,NFT搭建于以太坊上,铸造价格为0.02ETH,发售价格为0.05ETH.

NFT:解锁加密支付:未来哪些垂直市场会首先采用加密支付_WEB

文:KyleSamani,MulticoinCapital管理合伙人、联合创始人自比特币问世以来,人们一直在谈论基于加密货币的支付的必然性.

WEB:2022年链上数据回顾:BTC、ETH 和稳定币都发生了哪些变化?_HTM

原文:《2022TheYearOn-chain》byCheckmate,Glassnode 编译:DeFi之道 随着2022年混乱、动荡和残酷的一年即将结束.

COI:NFT代币模式对商业影响重大 如何做出正确的选择?_COINMAMA

编辑|Skye 在大家一股脑儿地冲向NFT爆发的时候,我们看到大量无用的代币最后都走向了项目方跑路的结局,倒也不是都割了一大把韭菜,很多只是因为没有目标或与实际价值挂钩导致实在推进不下去了.