# 我创建了个Web3网页，很简单你也可以 By [Waato](https://paragraph.com/@waato) · 2022-11-03 --- Web3.0指的是第三代互联网服务，他是基于区块链技术，存储在分布式存储服务器上。 ![我创建的第一个Web3网页](https://storage.googleapis.com/papyrus_images/3938237b779d71934e5c9a4f4c8511c15250ded01c9c31bef4420ec5bd036141.png) 我创建的第一个Web3网页 目前Web3.0概念非常火，不过依然有很多同学不了解Web3.0是什么？以下内容，做个阐释，本文会涉及到三方面知识[《Web3域名是Web3身份凭证》](https://mirror.xyz/waato.eth/V98A3FNuWLxkn8KayRkHIdVIXW2MzRPTIkoCNi72InY)、[《IPFS是什么？看这篇文章就够了》](https://mirror.xyz/dashboard/edit/VDRpRgMfQ-zgU0jDcjE512d5e7eTL9SSUuDBiGY3ZgM)、[《加密钱包是区块链生态的“接口”》](https://mirror.xyz/waato.eth/CgqaZhfK_WR0m1ekFL2_HUNX6hCzNTaVzHLGA_5RSzA)。 ### 首先Web3.0包含3个东西 * Web3域名 * 是去中心化域名，好处是不归中心化机构管，永远存储在区块链上，不会被下架或被取消。 * 分布式存储服务器 * IPFS，去中心化存储，网页数据必须要存储在去中心化的系统上，只要有节点存在，网页永远存在，可以一直被访问，不存在被关掉和拔网线的情况 * 交互 * 都是在区块链上进行的，包括社交、支付等。 ![](https://storage.googleapis.com/papyrus_images/c227a4edd92c97dc161eac5a90f7455155d5500690704a916a154dd2a0985587.jpg) 在这里，我们将展示如何使用Unstoppable Domains创建和托管一个去中心化网站。您只需付费购买一个域名，其他目前均免费。 使用Unstoppable Domains注册Web3域名的特点 * 可以购买一个终身使用的Web3域名 * 可以创建Web3网页 * 一个Web3域名，可同时解析你所有的加密钱包地址，例如BTC/ETH/LTC/XRP/ZIL/MATIC的钱包 * 已购买的Web3域名直接上架OpenSea进行转售 * 桥接，可以在以太坊上管理域名，不建议操作 * 自动生成 Web3域名.后缀@ud.me的邮箱，并自动转发至你的账号邮箱 ![](https://storage.googleapis.com/papyrus_images/f235f03deb3a6ba738816df069ec6bf14634eee44c1a23eb6a8f259576d6d006.jpg) ### 可以... ![](https://storage.googleapis.com/papyrus_images/4f0be0439c776d1807106bc9706bf718d075a6b03bea5ac29010bb22825d4098.png) **构建Web3网站** 完全属于您的 无需续订费用 ![](https://storage.googleapis.com/papyrus_images/5149884a9adf417e4aa7c95ccde171479084425cc359ec20254be424e1d10134.png) **简单的加密货币支付** 解析更多钱包 冗长变的简单 ![](https://storage.googleapis.com/papyrus_images/b56122195c7439fa057eba3bb39085cf9aec4f9b9428dca0827a756bdb2af906.png) **配置您的数字身份** 验证社交账户 显示NFT头像 今天只展示如何购买web3域名 和 如何搭建web3网页。 以下内容建议使用Chrome浏览器或Brave浏览器，并需要安装MetaMask小狐狸钱包。MetaMask小狐狸钱包官网：[https://metamask.io](https://metamask.io) 购买web3域名 -------- * 登录[https://unstoppabledomains.com/?ref=aa058bb55b7a4ae，选择你喜欢的域名，购买费用和长度、特殊含义有关。越长的域名越便宜。Unstoppable](https://unstoppabledomains.com/?ref=aa058bb55b7a4ae%EF%BC%8C%E9%80%89%E6%8B%A9%E4%BD%A0%E5%96%9C%E6%AC%A2%E7%9A%84%E5%9F%9F%E5%90%8D%EF%BC%8C%E8%B4%AD%E4%B9%B0%E8%B4%B9%E7%94%A8%E5%92%8C%E9%95%BF%E5%BA%A6%E3%80%81%E7%89%B9%E6%AE%8A%E5%90%AB%E4%B9%89%E6%9C%89%E5%85%B3%E3%80%82%E8%B6%8A%E9%95%BF%E7%9A%84%E5%9F%9F%E5%90%8D%E8%B6%8A%E4%BE%BF%E5%AE%9C%E3%80%82Unstoppable) Domains上域名时效是终生的。 * 用上面的链接注册，可领取10美元优惠券 [https://unstoppabledomains.com/?ref=aa058bb55b7a4ae](https://unstoppabledomains.com/?ref=aa058bb55b7a4ae) * 第1步：输入您要注册的域名 ![](https://storage.googleapis.com/papyrus_images/8385b41bf4e0f0d50b1841150c34da81188b176344364031e85ee5beedbda4ff.png) ### 第2步：选择您喜欢的后缀。 \-任何后缀没有差异化，可以使用以下结尾，作为域名的后缀。 * .crypto * .nft * .x * .wallet * .bitcoin * .dao * .888 * .zil * .blockchain ![](https://storage.googleapis.com/papyrus_images/b51015bcb748c77ee26d19033c00633a05a27e79cdeb246fce31a3c00885f12e.png) ### 第3步：付款。 \-支付的方式有3种，信用卡 & PayPal & 加密货币。上面的优惠券领了可抵扣10美元，＞20美元可用。 ![](https://storage.googleapis.com/papyrus_images/c024d8461b63e1eec1bcbd1b5b7b8fd9e24aef25d90add671e1334e761a8c88b.png) 创建Web3网页 -------- 第4步：进入Website界面。 \-域名买完后，点右上角【Account】-【MyDomains】-【Manage】-【Website】。 ![](https://storage.googleapis.com/papyrus_images/1e787ce297028e822688cd7671323f30e48c4353b6c978ea388d2d2d6ce01baa.jpg) \-该界面展示，3个功能 * ①模板建站 * ②将网站文件上传到IPFS * ③将已在IPFS上的网站，重定向 \-我们使用①【CreateWebsite】模板 ### 第5步：建站。 ![](https://storage.googleapis.com/papyrus_images/6569422f3773808ba42b344d019cddd2d568e1de4a409553dd93e9affbdc1135.png) \-目前已开放了3个模板，Blog还未上线 * ①Personal=个人站 * ②For Sale=展示：出售你的web3域名页 * ③Coming Soon=展示：您的网站还没准备好 选择①Personal=个人站 ### 第6步：选择模板。 \-目前共有5个模板供选择，以最后一个模板Portfolio示例 ![](https://storage.googleapis.com/papyrus_images/f0067c36d49235d8154c3a40d90c94cfb88951786eb12e9a6c49c0cb155ce096.png) ### 第7步：编辑网页信息。 ![](https://storage.googleapis.com/papyrus_images/d6e13bb0726835cd8a5dc6016c9f6a33c6648bf46b4b3a1f3b2dd66d9938ca80.png) * Header Image：标题图片 * Header：标题 * Subheader：副标题 * Avatar：右侧头像 * Social Media Links：社交媒体 * About Text：关于文本 * Portfolio Item 1：组合项目 * Experience Text：简历文本 ### 第8步：上传至IPFS星际文件系统。 \-点击右上角【Publish to IPFS】，这时需要连接您的MetaMask小狐狸钱包，不清楚小狐狸钱包的，请阅读《加密钱包是区块链生态的“接口”》，MetaMask小狐狸钱包官网：[https://metamask.io](https://metamask.io) ![](https://storage.googleapis.com/papyrus_images/7028bfe4775e78f68a166100169cd7ff643e0d33cfe272469a7e964263792bd8.png) ### 第9步：上传大概5~10分钟后，查询即可。 ![](https://storage.googleapis.com/papyrus_images/ee2434e73f1be18933e28379eeda1e00b22d4f2175a52b3b479bec69ae88f05f.jpg) ### 第10步：编辑Web3网页全部完成。 这时您也拥有了一个可以终生拥有的一个Web3网页。 不过大家可以留意到，该Web3网页的地址是： [https://ipfs.io/ipfs/QmSsphThrX3TWENmLYetqoT2bFPR222UUCs4FUVTzSLgCm](https://ipfs.io/ipfs/QmSsphThrX3TWENmLYetqoT2bFPR222UUCs4FUVTzSLgCm) 这是因为Web3网页是存储在IPFS星际文件系统上。 ![我的第1个Web3网页](https://storage.googleapis.com/papyrus_images/d441a030719e0f1453ec7e354f5907c700cbc61afbb5e2ad7e7c824bd8f08624.jpg) 我的第1个Web3网页 ### 第11步：访问Web3网页，有2种方式 * Chrome浏览器 -需要安装扩展程序Unstoppable Extension，输入您的**_web3域名.后缀_**，即可。Chrome应用商店 [https://chrome.google.com/webstore/detail/unstoppable-extension/beelkklmblgdljamcmoffgfbdddfpnnl?hl=zh-CN](https://chrome.google.com/webstore/detail/unstoppable-extension/beelkklmblgdljamcmoffgfbdddfpnnl?hl=zh-CN) * Brave浏览器 -直接输入 您的**_web3域名.后缀_** ，Brave浏览器会自动适配IPFS对等列表 至此全部完成，您的 **_web3域名.后缀_** 可解析到 [https://ipfs.io/ipfs/IPFSHash](https://ipfs.io/ipfs/IPFSHash)...... ### 创建一个完全属于您控制的，永不下线的，存储在IPFS上的Web3网页吧。 [Subscribe](null) --- *Originally published on [Waato](https://paragraph.com/@waato/web3)*