建立你自己的以太坊 NFT 集合（2）

目录

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18

入门
  我们在建造什么？
铸造你的第一个 NFT
  什么是 NFT
  启动并运行您的本地环境
  在本地铸造 NFT
  创建一个铸造 NFT 的合约
在链上生成 NFT
  什么是链上数据。
  使用静态 SVG 铸造 NFT
  在链上动态生成 SVG NFT
创建 WEB 客户端
  设置 React 应用程序和钱包
  将钱包连接到网络应用程序
  创建一个调用合约和铸造 NFT 的按钮
完成并交付
  Web 应用程序的最后完善
  交付

💎 在本地铸造 NFT

📝编写我们的初始合约

注意：如果您已经从我们过去运行的WavePortal项目中了解如何执行本节中的很多内容，那就太棒了！ 你会很快完成这个:)。 其中大部分操作都是重复的。

先让我们做一些清理工作。

现在在您最喜欢的代码编辑器中打开项目的代码。我最喜欢的是 VSCode！我们想删除为我们生成的所有蹩脚的初始代码。我们不需要这些，因为我们是专业人士！

继续并删除test下的文件Lock.js；另外，删除scripts 下的 deploy.js；然后，删除contracts下的Lock.sol。不要删除实际的文件夹！

现在，在 VSCode 中打开项目，让我们开始编写我们的 NFT 合约。 如果您从未编写过智能合约，请不要担心。请跟上我们，谷歌搜索困惑你的问题或者在 Discord 中提问。

在contracts目录下创建一个名为MyEpicNFT.sol的文件。使用Hardhat时文件目录结构非常重要，所以，请注意！

注意：我建议为 VSCode 下载 Solidity 扩展，它提供了很好的语法高亮显示。

我总是喜欢从一份非常基础的合约开始，这样做只是为了让事情顺利进行。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

// SPDX-License-Identifier: UNLICENSED

pragma solidity ^0.8.17;

import "hardhat/console.sol";

contract MyEpicNFT {
    constructor() {
        console.log("This is my NFT contract. Whoa!");
    }
}

注意:有时VSCode 会提示非真正的错误，例如，它可能会在Hardhat导入时加下划线，说它不存在。这是因为您的全局Solidity编译器没有在本地设置。如果你不知道如何解决这个问题，不要担心，现在先忽略这些。另外，我建议你不要使用VSCode的终端，使用你自己的独立终端!如果编译器没有设置，VSCode终端有时会出现问题。

让我们逐行来分析。

1

// SPDX-License-Identifier: UNLICENSED

只是一个被称为SPDX许可证标识符，你可以在这里阅读更多关于它的信息。

1

pragma solidity ^0.8.17;

这是我们希望合约使用的Solidity编译器版本。它说的是“编译合约时，只能使用的版本不低于 0.8.17 但不高于 0.9.0 的 Solidity 编译器”。请注意，确保在hardhat.config.js中设置了相应地的编译器（例如 0.8.17），比如：

1

import "hardhat/console.sol";

Hardhat 给了我们一些魔力，允许我们在合约中记录一些控制台日志。实际上，调试智能合约具有挑战性，但这正是 Hardhat 的优势之处，使工作变得更加容易。

1
2
3
4
5

contract MyEpicNFT {
    constructor() {
        console.log("This is my NFT contract. Whoa!");
    }
}

所以，智能合约有点像其他语言的类，如果你见过的话！ 一旦我们初始化这个合约，构造函数就会运行并输出以上数据行。可以随意修改上方的字段行，祝你玩得开心。

😲我们如何运行？

太棒了——我们已经有一份智能合约！但是，我们还不知道它是否有效。实际上我们需要：

1. 编译它。
2. 将其部署到我们的本地区块链。
3. 一旦准备就绪，console.log就会运行。

我们只需要编写一个自定义脚本来完成以上三个步骤。

进入 scripts 目录并创建一个名为 run.js 的文件，下面是 run.js 的内容：

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18

const main = async () => {
  const nftContractFactory = await hre.ethers.getContractFactory('MyEpicNFT');
  const nftContract = await nftContractFactory.deploy();
  await nftContract.deployed();
  console.log("Contract deployed to:", nftContract.address);
};

const runMain = async () => {
  try {
    await main();
    process.exit(0);
  } catch (error) {
    console.log(error);
    process.exit(1);
  }
};

runMain();

🤔它是如何工作的?

注意:VSCode可能会自动导入ethers库，无需手动。

我们还是逐行来分析。

1

const nftContractFactory = await hre.ethers.getContractFactory("MyEpicNFT");

这实际上会编译我们的合约，并在artifacts目录下生成我们使用合约的必要文件。在你运行之后去看看吧:)。

1

const nftContract = await nftContractFactory.deploy();

这是真的很神奇。

现在的情况是，Hardhat将为我们创建一个本地Ethereum网络，但仅仅只是为了运行这个合约。然后，脚本完成后，它会撤销本地网络。每次运行合约，它都是一个新的区块链。这有什么意义？这有点像每次重置你的本地服务器，所以你总是从头开始，这使得调试错误变得很容易。

1

await nftContract.deployed();

我们需要等待我们的合约被正式采用并部署到本地区块链！没错，hardhat 实际上是在你的机器上创建了虚拟的“矿工”，以尽量模仿真实的区块链。

我们的构造函数会在我们完成部署时运行！

1

console.log("Contract deployed to:", nftContract.address);

最后，一旦它被部署，nftContract.address 一般会为我们提供已部署合约的地址。这个地址是我们可以在区块链上面真实找到的的合约，但现在只是部署在我们自己的本地区块链上。所以，这并不是那么酷。

但是，真实的区块链上有数百万个合约。所以，这个地址让我们可以轻松访问我们感兴趣的合约！当我们在后续的课程部署到真实的区块链时，这会派上用场。

💨运行项目

在运行此之前，请务必将 hardhat.config.js 中的 solidity: "0.8.4", 更改为 solidity: "0.8.17",。

然后继续运行！打开你的终端并运行：

1

npx hardhat run scripts/run.js

你应该看到你的 console.log 从合约中运行，然后你还应该看到输出的合约地址！！！

这是我看到的：

🎩Hardhat & HRE

在这些代码块中，您会经常注意到我们使用了 hre.ethers，但是 hre 从来没有导入过任何地方？这是什么类型的魔法？

直接从 Hardhat 文档本身，您会注意到这一点：

Hardhat 运行时的环境，简称 HRE，是一个包含 Hardhat 在运行任务、测试或脚本时公开的所有功能的对象。实际上，Hardhat 就是 HRE。

那么这是什么意思？好吧，每次运行以npx hardhat开头的终端命令时，您都会使用代码中指定的hardhat.config.j 即时构建这个 hre 对象！这意味着您永远不必实际对文件进行某种导入，例如：

1

const hardhat = require("hardhat")

你会在我们的代码中看到很多 hre，但从未导入任何地方！查看这个很棒的 Hardhat 文档 以了解更多信息！

💎创建一个铸造 NFT 的合约

注意:这节课比以往其他课程要长一点!

现在我们已经准备好了所有的脚本并掌握了相关基础知识，我们将制作一些NFT。这是我更新后的 MyEpicNFT.sol 文件内容：

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

// SPDX-License-Identifier: UNLICENSED

pragma solidity ^0.8.17;

// We first import some OpenZeppelin Contracts.
import "@openzeppelin/contracts/token/ERC721/ERC721.sol";
import "@openzeppelin/contracts/utils/Counters.sol";
import "hardhat/console.sol";

// We inherit the contract we imported. This means we'll have access
// to the inherited contract's methods.
contract MyEpicNFT is ERC721 {
  // Magic given to us by OpenZeppelin to help us keep track of tokenIds.
  using Counters for Counters.Counter;
  Counters.Counter private _tokenIds;

  // We need to pass the name of our NFTs token and its symbol.
  constructor() ERC721 ("SquareNFT", "SQUARE") {
    console.log("This is my NFT contract. Woah!");
  }

  // A function our user will hit to get their NFT.
  function makeAnEpicNFT() public {
     // Get the current tokenId, this starts at 0.
    uint256 newItemId = _tokenIds.current();

     // Actually mint the NFT to the sender using msg.sender.
    _safeMint(msg.sender, newItemId);
    
    // Return the NFT's metadata
    tokenURI(newItemId);

    // Increment the counter for when the next NFT is minted.
    _tokenIds.increment();
  }

  // Set the NFT's metadata
  function tokenURI(uint256 _tokenId) public view override returns (string memory) {
    require(_exists(_tokenId));
    return "blah";
  }
}

这里发生了很多事情。首先，当我声明合约时，您会看到我使用 is ERC721继承了一个 OpenZeppelin 合约。您可以在 此处 查阅更多关于继承的信息。但基本上，这意味着我们可以从我们的合约中调用其他合约，差不多就是导入函数供我们自己使用了！

NFT 标准被称为 ERC721，您可以在 此处 阅读一些相关内容。OpenZeppelin 本质上为我们实现了 NFT 标准，然后让我们在其之上编写自己的逻辑以对其进行自定义，这意味着我们不需要编写样板代码。

从头开始编写HTTP服务器而不使用样板库是很疯狂的，对吧? 当然，除非你想探索一下,哈哈。但我们只想尽快开始工作。

同样——从头开始编写 NFT 合约是很疯狂的！您可以探索我们从 此处 继承的“ERC721”合约。

让我们通过 makeAnEpicNFT 函数逐步了解它。

1

uint256 newItemId = _tokenIds.current();

_tokenIds是什么鬼?还记得毕加索的例子吗?他有 100 个 NFT 草图，命名为 Sketch #1、Sketch #2、Sketch #3 等。这些都是唯一标识符。

同样，我们使用 _tokenIds 来跟踪 NFT 的唯一标识符，它只是一个数字！当我们声明 private _tokenIds 时，它会自动初始化为 0。 因此，当我们第一次调用 makeAnEpicNFT 时，newItemId 为 0。当我们再次运行时，newItemId 将为 1，依此类推！

_tokenIds 是一个状态变量，这意味着如果我们更改它，该值将直接存储在合约中。

1

_safeMint(msg.sender, newItemId);

当我们执行 _safeMint(msg.sender, newItemId) 时，它几乎是在说：“将 ID 为 newItemId 的 NFT 铸造给地址为 msg.sender 的用户”。 在这里，msg.sender 是一个由Solidity提供的变量，让我们可以轻松访问调用合约的人的公共地址。

这里最棒的是，这是一种获取用户公共地址超级安全的方法。将公共地址自身保密不是问题，这已经公开了！！ 但是，通过使用 msg.sender 你不能“伪造”别人的公共地址，除非你有他们的钱包凭证并代表他们调用合约！

你不能匿名调用合约，你需要连接你的钱包。 这几乎就像“登录”并通过身份验证。

1

_tokenIds.increment();

然后，我们重写 ERC721.sol 中的tokenURI()函数，该函数将设置 NFT 的唯一标识符以及与该标识符相关联的数据。从字面上看，是我们设置了使 NFT 有价值的实际数据。 在这种情况下，我们将其设置为blah，这……其实没什么价值；）。 它也不遵循 ERC721 的标准。 我们稍后会详细介绍 tokenURI。

1

function tokenURI(uint256 _tokenId) public view override returns (string memory);

NFT 生成后，我们使用 _tokenIds.increment() 增加 tokenIds（这是 OpenZeppelin 给我们的一个函数）。 可确保下次铸造 NFT 时，具有不同的tokenIds标识符。没有人可以拥有已经铸造的tokenIds。

🎟在本地生成tokenURI

tokenURI 实际 NFT 数据所在的位置。它通常链接到一个名为元数据的 JSON 文件，看起来像这样：

1
2
3
4
5

{
    "name": "Spongebob Cowboy Pants",
    "description": "A silent hero. A watchful protector.",
    "image": "https://i.imgur.com/v7U019j.png"
}

您可以对其进行自定义，但是，几乎每个 NFT 都有名字、描述以及指向视频、图像等内容的链接。它甚至可以具有自定义属性！请注意元数据的结构，如果您的结构不符合 OpenSea 要求，您的 NFT 将在网站上显示为损坏。

这些都是ERC721标准的一部分，它允许人们在非功能性数据的基础上建立网站。例如，OpenSea是一个查看 NFT 的平台。而且，OpenSea上的每个NFT都遵循ERC721元数据标准，这使得人们可以很容易地查看他们的NFT。想象一下，如果每个人都遵循他们自己的 NFT 标准，并按照自己的意愿构建他们的元数据，那将会是一片混乱!

我们可以复制Spongebob Cowboy Pants的JSON元数据，并将其粘贴到这个网站。这个网站只是一个方便人们托管JSON数据的地方，目前我们将使用它来保存NFT 数据。当你点击保存，你会得到一个JSON文件的链接，(例如，我的是https://jsonkeeper.com/b/RUUS。一定要先测试你的链接，确保它能正常使用!

注意:我希望你创建自己的JSON元数据，而不只是复制我的。使用你自己的图片、名字和描述。也许你想让你的NFT是你最喜欢的动画角色，最喜欢的乐队，无论是什么!!让它成为定制品。别担心，我们将来会改变这一点!

如果您决定使用自己的图片，请确保 URL 直接指向实际图片，而不是托管图片的网站！直接的 Imgur 链接看起来像这样 - https://i.imgur.com/123123.png 而不是 https://imgur.com/gallery/123123。最简单的判断方法是检查 URL 是否以图像扩展名结尾，例如 .png 或 .jpg。您可以右键单击 imgur 图片并“复制图片地址”，这将为您提供正确的 URL。

现在，让我们前往我们的智能合约并更改 tokenURI() 中的一行。替换：

1

return "blah";

我们实际上要将 URL 设置为我们的 JSON 文件链接。

1

return "INSERT_YOUR_JSON_URL_HERE";

我们还可以添加一个 console.log 来帮助我们查看 NFT 的铸造时间和铸造对象！

1

console.log("An NFT w/ ID %s has been minted to %s", newItemId, msg.sender);

这就是您的 tokenURI 函数现在的样子。 _exists 是一个内置函数，用于验证合约中是否存在 tokenId。 您可以在 此处了解更多信息。

1
2
3
4
5

function tokenURI(uint256 _tokenId) public view override returns (string memory) {
  require(_exists(_tokenId));
  console.log("An NFT w/ ID %s has been minted to %s", _tokenId, msg.sender);
  return "INSERT_YOUR_JSON_URL_HERE";
}

🎉在本地铸造 NFT

从这里开始，我们需要做的就是更改我们的 run.js 文件以真实调用我们的 makeAnEpicNFT() 函数。

下方代码就是我们需要做的所有事情：

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

const main = async () => {
  const nftContractFactory = await hre.ethers.getContractFactory('MyEpicNFT');
  const nftContract = await nftContractFactory.deploy();
  await nftContract.deployed();
  console.log("Contract deployed to:", nftContract.address);

  // Call the function.
  let txn = await nftContract.makeAnEpicNFT()
  // Wait for it to be mined.
  await txn.wait()

  // Mint another NFT for fun.
  txn = await nftContract.makeAnEpicNFT()
  // Wait for it to be mined.
  await txn.wait()

};

const runMain = async () => {
  try {
    await main();
    process.exit(0);
  } catch (error) {
    console.log(error);
    process.exit(1);
  }
};

runMain();

当我们运行以下命令：

1

npx hardhat run scripts/run.js

我们将看到：

BOOM！我们刚刚在本地给我们自己铸造了一个 ID 为0的 NFT！所以，我们知道代码是可以正常运行，没有任何错误。 令人惊叹的您总是希望使用run.js，以确保内容在本地运行而不会崩溃,这是你自己的小小试验场！

所以，现在每次有人用这个功能铸造一个 NFT，它总是同一个 NFT——“Spongebob Cowboy Pants”！ 我们将在接下来的部分中学习如何改变这一点，以便每个与您一起铸造 NFT 的人都将获得一个随机的、独特的 NFT。

现在，让我们进入下一步——部署到测试网。

🎉部署到Goerli并在OpenSea上查看

由于OpenSea不支持Goerli，我们必须寻找替代方案。当部署到Goerli时，您可以登录OpenSea查看您的 NFT。当我们使用 run.js时，只是在我们在本地工作。

下一步是测试网，您可以将其视为“彩排”演练环境。当我们部署到测试网时，我们实际上能够在线查看我们的 NFT，并且我们距离将其提交给真实用户更近了一步。

💳交易

因此，当我们想要执行更改区块链的操作时，我们将其称为交易。 例如，向某人发送 ETH 是一笔交易，因为我们正在更改账户余额。 在我们的合约中做一些更新变量的事情也被认为是一个交易，因为我们正在改变数据。铸造 NFT 是一项交易，因为我们在合约上保存了数据。

部署智能合约也是一项交易。

请记住，区块链是去中心化的。它一个是由世界各地的矿工通过大量计算机运行的区块链副本。

当我们部署合约时，我们需要告诉所有这些矿工，“嘿，这是一个新的智能合约，请将我的智能合约添加到区块链，然后也告诉其他人”。

这就是QuickNode发挥作用的地方。

QuickNode基本上帮助我们广播我们的合约创建交易，以便矿工能尽可能快地获取它。一旦交易被挖掘，它将作为合法交易广播到区块链。从那里，每个人可以更新他们的区块链副本。

这是很复杂的。而且，如果您不完全理解它，请不要担心。当您见识过更多代码并实际构建此应用程序时，它自然会更有意义。

所以，在QuickNode 这里 注册一个帐户。

然后看看我下面的视频，学习如何获得测试网的API密钥:

https://www.loom.com/share/c079028c612340e8b7439d0d2103a313

🕸测试网

我们暂时不会部署到“Ethereum主网”。 为什么？ 因为它要花费真金白银，一旦搞砸很不值!我们现在还在学习，我们将从测试网开始，它是主网的克隆，但它使用测试币，所以我们可以尽可能多地测试这些内容。但是，重要的是要知道测试网是由真实矿工运行并模仿“Ethereum主网”世界的场景。

这太棒了，因为我们可以在实际场景中测试我们的dapp，我们实际上将要：

1. 广播我们的交易
2. 等着被真实的矿工发现
3. 等着它被挖出来
4. 等待它被广播回区块链告诉所有其他矿工更新他们的副本

🤑获取一些测试币

Ethereum有很多测试网，我们将使用“Goerli”测试网，它由以太坊基金会运行的。

为了部署到 Goerli，我们需要用到GoerliETH。为什么？ 因为如果你要部署到Ethereum主网上，你要用到主网ETH ！ 因此，测试网克隆了主网的工作方式，唯一的区别是不涉及到真钱。

为了获得测试的ETH，我们必须向网络索要一些。 这个测试 ETH 只能在这个特定的测试网上工作，你可以通过水龙头为 Goerli 获取一些 测试ETH。你只需要找到一个有效的水龙头，哈哈。

对于 MyCrypto，您需要连接您的钱包，注册一个帐户，然后再次单击相同的链接以请求资金。Goerli官方水龙头，需要登录 Alchemy 账户，可以获得2倍的数量。

你可以从下面选择水龙头网址：

🚀设置deploy.js文件

将 deploy.js 与 run.js 分开是一个很好的实践经验。run.js 是我们经常搞砸的地方，我们想把它们分开。在scripts 文件夹下创建一个名为 deploy.js 的文件。复制 run.js 中的所有内容到deploy.js中。现在他们的内容完全一样了，不过，我添加了一些 console.log 语句。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

const main = async () => {
  const nftContractFactory = await hre.ethers.getContractFactory('MyEpicNFT');
  const nftContract = await nftContractFactory.deploy();
  await nftContract.deployed();
  console.log("Contract deployed to:", nftContract.address);

  // Call the function.
  let txn = await nftContract.makeAnEpicNFT()
  // Wait for it to be mined.
  await txn.wait()
  console.log("Minted NFT #1")

  txn = await nftContract.makeAnEpicNFT()
  // Wait for it to be mined.
  await txn.wait()
  console.log("Minted NFT #2")
};

const runMain = async () => {
  try {
    await main();
    process.exit(0);
  } catch (error) {
    console.log(error);
    process.exit(1);
  }
};

runMain();

📈 部署到 Goerli 测试网

我们需要修改我们的 hardhat.config.js 文件,您可以在智能合约项目的根目录中找到它。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

require("@nomicfoundation/hardhat-toolbox");
require("dotenv").config();

module.exports = {
  solidity: '0.8.17',
  networks: {
    goerli: {
      url: process.env.QUICKNODE_API_KEY_URL,
      accounts: [process.env.GOERLI_PRIVATE_KEY],
    },
  },
};

这里我们基本上是在配置我们的 hardhat.config.js 来安全使用我们的.env变量，即process.env.quicknode_api_key_url & process.env.GOERLI_PRIVATE_KEY。您现在需要打开终端并输入:

1

npm install dotenv

这基本上只是安装了允许我们使用环境变量的 dotenv 包。

现在您可以在项目的根目录中创建一个 .env 文件。 可以肯定的是，它应该与包含 hardhat.config.js 文件的路径相匹配。

您可以从 QuickNode 仪表板获取 API URL 并将其粘贴。然后，您需要您的私钥（不是您的公共地址！），您可以从Meatmask中获取并将其粘贴到相应位置。

打开 .env 文件并粘贴我们从quicknode中获取的的链接，如下所示。

1
2

QUICKNODE_API_KEY_URL=<YOUR API URL>
GOERLI_PRIVATE_KEY=<YOUR PRIVATE KEY>

不要忘记在添加 YOUR API URL和 YOUR PRIVATE KEY🔑后删除 < > 。

注意:不要提交这个文件到GITHUB。它包含您的私钥,你可能会被黑客抢劫,此私钥与您的主网私钥相同。

打开您的.gitignore文件，并在里面添加一行.env。（如果之前没有这行代码的话）

你的.gitignore文件看起应该是这个样子。

1
2
3
4
5
6
7
8
9

node_modules
.env
coverage
coverage.json
typechain

#Hardhat files
cache
artifacts

为什么需要使用私钥？ 因为为了执行像部署合约这样的交易，您需要 登录 到区块链并签署/部署合约。而且，您的用户名是您的公共地址，您的密码是您的私钥，这有点像登录 AWS 或 GCP 进行部署。

一旦您完成了配置，我们就可以使用我们之前编写的部署脚本进行部署。

从 epic-nfts 的根目录运行此命令：

1

npx hardhat run scripts/deploy.js --network goerli

部署通常需要20-40秒。我们不仅仅是在部署，我们也在 deploy.js中创建NFT，所以这也需要一些时间。我们实际上需要等待交易被矿工挖掘。相当的神奇，就这一个命令可以做到这一切!

当我运行命令，将输出如下(当然你的合约地址应该不一样):

我们可以使用 Goerli Etherscan 来查看合约地址并确保他在正常状态！

要习惯使用 Etherscan，因为它是跟踪部署是否出错的最简单办法。如果Etherscan没有显示，那就意味着它要么还在处理，要么就是出了问题!

如果它有效——太棒了，你刚刚部署了一个合约! YESSSS。

🌊在OpenSea上查看

信不信由你。您刚刚创建的NFT将会出现在OpenSea的TestNet站点上。

1. 前往https://testnets.opensea.io/
2. 创建此url：https://testnets.opensea.io/assets/goerli/替换你的合约地址/TOKEN_ID

例如，这是我的Spongebob NFT 链接：https://testnets.opensea.io/assets/goerli/0x78d1e929cfc5256643b3cc67c50e2d7ec3580842/0 ，我的tokenId是'0’，因为它是该合约铸造的第一个NFT。

基本上，如果您在几分钟内没有在 OpenSea 上看到您的 NFT，请刷新页面并再等待 15 分钟

所以在这里，你点击Collection下的 SquareNFT ，然后你会看到你铸造的 NFT！

非常了不起，我们已经创建了自己的 NFT 合约并铸造了两个NFT。虽然这是史诗级别的，但它“有点蹩脚”，对吧?每次都是同样的Spongebob图片!我们如何在此添加一些随机性并快速生成内容?这就是我们接下来要讨论的问题:)。

💻代码

此处是到目前为止所有代码的链接。

原文链接：https://buildspace.so/p/mint-nft-collection