# Condor Systems 教程3 部署Mint NFT的前端网页 By [mykky](https://paragraph.com/@mdado) · 2022-10-10 --- 项目推特地址：[twitter](https://twitter.com/condorSystems) 项目discord：[discord](https://discord.gg/Ebge28BMZM) 任务需求：创建一个nft合约以及mint的前端网页。 -------------------------- 目前有2种方式可以完成这个任务，一种是[加密小师妹](https://twitter.com/Monica_xiaoM)的[教程地址](https://mirror.xyz/0x1890.eth/lESqo0LyKJm8uf6zygn77UV-Fo3wUvbMXagwjMXOYkk)写的需要本地安装一系列软件支持，对于新手来说简直是一个灾难，反正我是安装了3天也没有把所需要的软件安装成功。另外一种是[LiCrazy](https://xn--https-ni33a//twitter.com/0xFeng)大佬的通过GitHub账户打开官方源码通过在线编辑的形式部署合约并提交discord，这种方法对于新手来说比较友善，唯一的不足就是要求注册一个[GitHub账户](https://github.com/)并需要有一个比较稳定的网络环境，否则会报错莫名其妙的，建议在你自己网络比较顺畅的情况下做任务。 [LiCrazy](https://mirror.xyz/doger.eth/FlfbTNh_rJET6pmR52Hy2DKERnUhuk_jJVGuQXYqLmQ)教程大佬写的非常仔细，但是有些地方可能过于简单新手看起来有些困难，所以我把我遇到的困难写下来，方便大家参考。 1.注册好GitHub账户后打开[官方文档](https://speedrunethereum.com/challenge/simple-nft-example) ![我使用的是windows自带的edge浏览器](https://storage.googleapis.com/papyrus_images/400efaf98cb86f26e38f34419c2260a7acdfe73355ea1f57830bf2ed66f5c7d1.png) 我使用的是windows自带的edge浏览器 ![](https://storage.googleapis.com/papyrus_images/177203346b412c31d102a2af22e7b5b9916931b9c5086059d005d58d1acf0470.png) ![](https://storage.googleapis.com/papyrus_images/0caa46da2657d87e062e3c8f4df7abf8c875d1823dd8e4db45215453868ca9b6.png) ![](https://storage.googleapis.com/papyrus_images/18f4af5338227597924cbabb223319e1fe5bcfe4f694c3bf5109c63b94412250.png) ![](https://storage.googleapis.com/papyrus_images/b9a03db2a70b356818e487c44a0513d3d848e9539e392abec8192d97915b4217.png) ![](https://storage.googleapis.com/papyrus_images/d079fcbd5b62b73b47ab62e32fbfb2c21ab1cdf1e5ed96666a2be8145a766f3a.png) 2.完成以上步骤后这个时敲定几行代码来创建合约和部署合约 ![在下方TERMINAL控制台输入yarn generate创建一个地址](https://storage.googleapis.com/papyrus_images/03e9516db0c705ac75dc7013963c1d66d83f582357f92c32e16451164beea550.png) 在下方TERMINAL控制台输入yarn generate创建一个地址 ![](https://storage.googleapis.com/papyrus_images/3fddff652eb34942852b53a7e4e4067fd5e1b23d4319be4df23c8da5631cb7ce.png) ![等待ETH到账后在Terminal控制台输入yarn deploy部署一个nft合约](https://storage.googleapis.com/papyrus_images/641bba8de0c6c2aca9021e4106ce64e66df6d4d8bf58790a7292f44aa1895519.png) 等待ETH到账后在Terminal控制台输入yarn deploy部署一个nft合约 ![](https://storage.googleapis.com/papyrus_images/3fddff652eb34942852b53a7e4e4067fd5e1b23d4319be4df23c8da5631cb7ce.png) ![](https://storage.googleapis.com/papyrus_images/4c49fff5015bfb6f764761de944758ed126cf856b4ee1b6a3ec150a563c15f42.png) ![](https://storage.googleapis.com/papyrus_images/a7f9995f3d63fd32aee9003563d05521e7a5ad1311fda6110dbd2c2841e8c4cc.png) 在Terminal控制台输入yarn build,创建前端，需要等待较长的时间，如下图显示即为成功。 ![在Terminal控制台输入yarn surge，期间让会让你输入邮箱/密码创建surge账号，密码随便输入都可以，输入后每次回车即可。当出现domaim网址后再次回车，等待上传完成100%。](https://storage.googleapis.com/papyrus_images/40c3f83d72f986ef0bb49c8c280ac33a21d90aa5df33db4f07b51fbed1eec495.png) 在Terminal控制台输入yarn surge，期间让会让你输入邮箱/密码创建surge账号，密码随便输入都可以，输入后每次回车即可。当出现domaim网址后再次回车，等待上传完成100%。 ![](https://storage.googleapis.com/papyrus_images/0424d33f8f844d3bd8970bd5a7ea1fe40a655043632ad72207ce9a3884526f94.png) ![](https://storage.googleapis.com/papyrus_images/ed1c224d9750af1300cca63c4fae39ed61f84744cb4262971f17246a74ab14c6.png) 3.任务确认和提交，打开[官方文档](https://speedrunethereum.com/challenge/simple-nft-example)， ![完成1.2.3后点击提交如下图，等待自动完成](https://storage.googleapis.com/papyrus_images/a080908d9a8a45524f32de322efe77c8ce1f8319652f46dc29b2ef5e93308e53.png) 完成1.2.3后点击提交如下图，等待自动完成 ![进入到discord种把3个链接依次复制进去等待管理员审核，任务3就完成了](https://storage.googleapis.com/papyrus_images/222a475d9882b6f76fe9731a90e664e7707300d81ff36b5be8d1c0ffeaae8b93.png) 进入到discord种把3个链接依次复制进去等待管理员审核，任务3就完成了 有什么不懂得欢迎关注我的[推特](https://twitter.com/kky35971876) --- *Originally published on [mykky](https://paragraph.com/@mdado/condor-systems-3-mint-nft)*