超级详细的教你如何搭建一个Web3网站

  目前正在处于web2.0时代到web3.0时代的转折期，世界瞬息万变，如果我们不跟上它的步伐，我们将首当其冲地承受我们的疏忽。为避免这种情况，要想不被时代抛弃就得与时俱进。

 在这篇文章中，我将向您介绍如何使用Unstoppable Domains免费搭建一个Web3网站。在教程之前，我们先简单了解一下什么是web以及它的的演变史：

Web 1.0：单向的输出与读取

在 Web 1.0 时代，即从 1991 年到 2004 年，是万维网革命的第一阶段，通常称为只读网络。网站是信息性的，仅包含超链接在一起的静态内容，文字信息或者简单地说，没有CSS、动态链接、交互性。

Web 2.0 ：实现了互交互动性

Web 2.0 从 2004 年至今，是万维网革命的第二阶段，通常称为读写网络。也称为参与式社交网络，社交网络包含许多在线工具和平台，人们可以在其中分享他们的观点、意见、想法和经验，它突出了用户生成的内容、可用性和最终用户的互操作性。

Web 2.0 应用程序倾向于与最终用户进行更多交互。因此，最终用户不仅是应用程序的用户，而且是工具的参与者。如：比如：新浪微博、微信 、twitter 、Facebook等， 你可以发表自己的动态和朋友进行互动。当然也包括目前的网络游戏。

当前我们正在使用的就是互联网服务就是基于web2.0，所有的服务和数据都存储在各大平台的服务商处，数据所有权在服务商那里，也就是所说的中心化储存。我们只有发表权，去没有所有权。

服务商可以随时各种理由清理掉你的数据又或者封停你的账号，又或者服务商一旦关闭服务，所有数据清空为零，比如你曾经玩过的网络游戏因为某种原因永久关停服务。

Web3.0 ：去中心化

web3.0 指的是第三代互联网服务，概念旨在创建一个去中心化但安全的互联网。

他是基于区块链技术，存储在分布式存储服务器上。人们可以在其中安全地交换金钱和信息，而无需中间商或大型科技公司。

与将数据存储在单个数据库或云提供商中的 Web2.0 不同，Web3.0 应用程序要么在区块链上运行，采用去中心化的模式，数据的所有权属于用户自己，而不是平台方。它的主要目标是解决Web2的一些问题，比如隐私和安全问题。Web3可以为用户提供更好的控制权，同时保护他们的个人信息。

web3的应用包括：比特币之类的虚拟货币、元宇宙、人工智能等等，还有就是我们今天要讲到的去中心化web3网站。

关于web3.0的详细介绍

搭建web3网站需要的条件：

1. Web3域名 - 是去中心化域名，好处是不归中心化机构管，永远存储在区块链上，不会被下架或被取消。

2. 分布式存储服务 - IPFS，去中心化存储，网页数据必须要存储在去中心化的系统上，只要有节点存在，网页永远存在，可以一直被访问，不存在被关掉和拔网线的情况。

在这里，我们将展示如何使用Unstoppable Domains创建和托管一个去中心化网站。您只需付费购买一个域名，其他目前均免费。

Unstoppable Domains是一个基于区块链技术的去中心化域名系统，它使用区块链技术来为您的网站提供永久的域名。这个域名不会被任何人或机构所控制，也不会被任何人或机构所审查。您可以在Unstoppable Domains上注册一个域名，然后将其映射到您的Web3网站。

Unstoppable Domains注册Web3域名的优势：

• 永久有效：一次性购买终生有效，无需续订费用。Unstoppable Domains提供的web3域名是终生有效的。不像目前其他域名商每年都要缴费续订。

• 免费创建你的Web3网站。

• 一个Web3域名，可同时解析你所有的加密钱包地址，例如BTC/ETH/LTC/XRP/ZIL/MATIC等加密货币钱包。

• 提供域名转售服务：已购买的Web3域名直接上架OpenSea进行转售，很多商人在大量囤积好的域名前缀等待域名在OpenSea转售。（不建议，除非你很有钱）

• 免费的web3域名邮箱：自动生成 Web3域名.后缀@http://ud.me的邮箱，并自动转发至你的账号邮箱。

• 域名跳转：也就是说可以把你的web3域名重定向到传统域（你目前正在使用的web2域名上面），需要游览器支持，测试发现目前完全兼容web3域名的游览器有Opera和Brave浏览器，谷歌游览器 和 火狐游览器 需要安装第三方插件才行。

综合上述优点，也是我为什么选择Unstoppable Domains的原因。

下面开始如何使用Unstoppable Domains免费搭建Web3网站的步骤：

步骤1：注册Unstoppable Domains账号

首先，您需要在Unstoppable Domains上注册一个账号。

这里注册可领取10美元优惠券 https://unstoppabledomains.com/...

注册很简单，只需要点击右上角“注册/登录”按钮，完成注册。Unstoppable 注册方式支持Google账号、twitter账号、以太坊钱包 或者 你的邮箱，这里我使用自己的的邮箱注册登录。

步骤2：选择您的Web3域名

在搜索栏输入你想要的域名前缀，如下图：

目前支持的域名后缀：

.nft | .wallet | .blockchain | .x | .polygon | .zil | .dao | .crypto | .888 | .bitcoin | .polygon

搜索后根据你的喜欢选择你的域名后缀。

提示：购买费用和域名长度、字符的特殊含义 和 域名后缀有关。

1. 字符越长越便宜，相反越短的就越贵些。

2. 流行的单词 和 特殊意义的单词，价格稍贵。并且Unstoppable 保留了大型品牌的名字做预留，这样的域名不可用注册。

3.价格还和后缀有关系，比如 “.X”结尾的域名就比其他域名要贵些。就好比传统域名中我们常用的.com域名，因为独特且主流所有会比其他冷门域名贵一些。

还有一点要强调一下，如果你选择的是“.888”结尾的后缀，这个后缀在目前的游览器解析方面不好，我测试过无论是安装了web3兼容插件谷歌游览器 和 火狐游览器，或是内置web3兼容的Opera游览器都不能正常解析.888后缀的域名。这个问题只能等待以后会有所改善。

步骤3：购买web3域名

付费部分，选择好后加入购物车，点击结算，跳转到这个页面

Unstoppable Domains提供域名代停服务，不过这个是付费的 $4美元 /每个域名/每年 ，可以选择上面的"Self Custody"，绑定自己的电子钱包地址（如：MetaMask）。这样你就永久拥有这个web3域名的所有权了，也就是说它不在受任何人的控制，请妥善保管一旦被盗，就不能找回。因为它已经铸造在去中心化的区块链上面了。就算是Unstoppable也帮不了你。

在右侧有个选项会问你是否住在美国？

如果是，会要求你输入你所居住地的邮政编码，如果你不居住在美国就选 否。

支付的方式：信用卡 、 PayPal 、 加密货币钱包。如果你没有信用卡可以选择PayPal 支付方式。通过上面的链接领取优惠，你付款时可抵扣10美元，同时我会得到10个积分。

域名买完后，点右上角【Account】-【Account Settings】-【Add Wallet】添加你的电子钱包地址。

步骤4：创建Web3网页

点右上角【Account】-【MyDomains】-【Manage】进入域名管理菜单

这里可以对你的web3域名管理，如：个人信息、网站 、域名转移 、电子邮件等操作，我们选择【Website】-【Manage Website】。

来到网站设置管理页面，之前看到许多人都是通过管理中内置的 "使用网站模块创建" 或者 “上传网站文件到IPFS”两个选项创建自己的web3网站。不过我没有找到这两个选项，可能是他们做了某些调整，那么我们只能够通过IPFS 哈希的方式创建了。

在我们把web3静态网页上传到IPFS之前，我们需要制作我们的web3网页内容，我们可以使用UnstoppableDomains官方公开的网页模板 或者 使用静态网站生成器把我们现有的网站内容转为静态网站 ，也可以自己设计专属于自己的web3静态网站。

下面提供两种创建web3静态网页方式供你选择：

①. 使用官方提供的主题模板：github官方的5款主题模板

• Ambitious
• Coming Soon
• Gentle
• Outstanding
• Basic Blog

②. 使用静态网站生成器 或 网站转换为静态网站：

• 静态网站生成器，例如 Mobirise 和 GoHugo 。

• 使用Simply Static 或 WP2Static 等插件将 Wordpress 网站转换为静态网站 ，并保存以供离建立你的静态网站。

我使用的自定义静态网页，主要包括一个index.html首页索引文件、css样式、JS、以及images图片素材，这个和我们平时使用的web2网页一样的。

5. 将您的站点上传到 IPFS

其实有很多Web3网站构建工具可供选择，包括 IPFS、Ethereum 和 ENS。在本文中，我们将使用IPFS。

IPFS是一个点对点的去中心化网络，允许用户跨多个节点托管文件和网站来进行备份。

现在，您需要使用IPFS将您的网站上传到网络中。如果您没有使用过IPFS，请先下载IPFS客户端并进行安装。

IPFS是完全免费的开源软件，您可以在IPFS的官方网站 https://ipfs.io/ 上下载IPFS的安装包。该网站提供了各种操作系统的安装包，您可以根据自己的需求选择下载适合您操作系统的版本。

IPFS命令行的基本用法

我这里安装的是Windows版本来做演示：

使用IPFS上传您的网站，操作非常简单,

 （1）. 点击IPFS界面中的【FILES】-【Import】- 【Folder】把我们刚刚创建的网站文件夹导入进去。导入后，你可能需要慢慢登上几分钟等待节点的同步。（这个过程可能需要十几分钟）

上传后您可以尝试访问 https://ipfs.io/ipfs/ + 你的CID，如果遇到了504错误，这通常意味着IPFS网关无法连接到CID所在的节点，说明他还没有同步完成。

（2）.点击【Copy CID】，这个 CID 这是我们网站的唯一标识，一会需要用到。

步骤6：将您的区块链域名映射到您的IPFS CID

现在，您需要将您的区块链域名映射到您的IPFS CID。要做到这一点，您需要访问Unstoppable Domains的管理页面，并找到您的域名。

接下来，您需要为您的域名创建一个解析器。解析器可以帮助将您的域名映射到您的IPFS CID。您可以使用Unstoppable Domains提供的解析器。

一旦您创建了解析器，您就可以将您的IPFS CID映射到您的域名。这样，当用户访问您的域名时，他们将被自动重定向到您的Web3网站。

来到我们的unstoppabledomains域名管理的网站设置页，在【IPFS Hash】这里粘贴我们刚刚在IPFS获取的CID，然后点击 【Launch Website】启动我们的网站。

这里还需要使用你的链接你的加密钱包做验证，我使用的是MetaMask。

完成上面步骤后，不出意外的话，这样你就可以直接通过你的unstoppable域名访问你的web3网站了。

   再来一个，这个是使用官方模板对文字和图片进行简单修改后的效果:

因为是静态网页，所有能实现的功能并不多，还有就是他们的解析方式不同意传统的DNS解析，更像是一种重定向跳转。不过因为web3还是萌芽阶段，还有很长的路要走。

到这一步你已经成功的完成了你的第一个web3网站的制作了。现在你可以通过您的 Web3 域访问它。访问者可以通过任何 Web3 浏览器（如 Brave 或 opera）查看您的站点，这提供了更好的访问 Web3 域的体验。Unstoppable Domains 提供了一种独特且用户友好的方式来构建和托管 Web3 网站，允许用户完全拥有和控制他们的数字身份和数据。

下面关于web3域名重定向到传统域

如果你想使用web3域名指向你的现有的web2传统域名上面，下面是官方给出的重定向方案

为了设置到传统域的重定向，您需要通过 Web3 域上的 index.html 进行重定向，以便将用户发送到传统域。

<!DOCTYPE html>
<html>
  <head>
    <title>HTML Meta Tag</title>
    <meta http-equiv = "refresh" content = "1; url = YOUR WEBSITE URL HERE" />
  </head>
  <body>
      <p>YOUR WEBSITE DESCRIPTION HERE </p>
  </body>
</html>

把url=换成你现有的传统域名,重新上传这个index.html页面，复制CID完成和上面一样的步骤（因为每次在IPFS上传都会生成新的CID，这是唯一的标识，你每次对网站修改都需要重新上传，使用新的CID解析到你的web3域名替换旧的CID），这样就可以通过你的web3域名访问你现有的网站了。

关于web3编程方面需要了解的知识

领取Unstoppable Domains $10美元优惠券

结论

使用 Unstoppable Domains 和 IPFS，您可以免费搭建一个去中心化的Web3网站，并在其中使用区块链技术来保护您的隐私和数据。这使得您的网站更加安全和可靠，同时为用户提供更好的控制权和隐私保护。虽然本文仅介绍了使用IPFS进行网站构建，但您也可以使用其他Web3技术和工具来构建更为复杂的Web3应用程序。

总之，Web3是一个不断发展和变革的领域，它为互联网带来了许多新的机遇和挑战。通过使用Unstoppable Domains和其他Web3技术，您可以在这个新兴的领域中创造出令人惊叹的应用程序，并将互联网带向一个更加去中心化、民主和安全的未来。

最后本页提供的信息不做任何投资建议，我们强烈建议在做出任何投资决定之前进行独立研究或咨询合格的专业人士。

本文由Yuday分享 | 专注互联网科技分享 发布 ，如需转载请注明出处。
作者： yuday
原文链接：超级详细的教你如何搭建一个Web3网站