作者:糊糊
个人推特地址:
https://twitter.com/FrankRaglan
访问github链接:https://github.com/HashLips/hashlips_art_engine根据图片中的教程将软件下载下来。

下载网站:
https://code.visualstudio.com/
根据图片中的教程下载并安装vs代码到本地

https://www.runoob.com/nodejs/nodejs-install-setup.html
根据链接中的教程下载并安装node.js
选择打开文件夹,然后点击打开你的文件夹,选择下载本地软件的文件夹,将VS代码的上角目录导入到这

导入跑图软件代码之后,此时VS代码显示的内容如下:

鼠标点击VS code的Terminal,选择 New Terminal,这一步是打开命令行(如下面的图片所示)


接着在命令行输入 npm install,并点击键盘上的回车键。
此时VS code会自行在网络上面下载跑图软件运行时候需要的软件包。

此时跑图软件已经可以正常启动了,但是软件内部的设置和我们的图层的文件夹名称可能会不一致。所以接下来是修改这些内容。
找到跑图软件的config.js文件并打开,将18~24行中的代码修改为你自己的图层的文件夹名称,注意文件夹名称不能有空格,修改完毕之后,要将修改后的代码保存起来。保存方式:ctrl + s

接着打开跑图软件的layers目录,将里面的文件都删除掉,并将你自己的图层文件夹复制到里面。


准备工作已经做好了,接下来就是跑图,还记得我们打开了VS code的命令行吗,在里面输入 npm run build,如果显示如下图,那么就说明你的图片跑出来了,可以打开跑图软件的build文件夹查看跑出来图效果怎么样。
其中images 文件夹是跑出来的图
Json文件夹是你图片的元数据


现在市面上还有自建IPFS的节点,IPFS是有服务器的。或者是收费的ipfs,你的样片等。
这里介绍什么免费且注册就可以的ipfs产品
进入官网并注册好账号,只需要一个邮箱就可以,注册好在官网下载该ipfs的本地上传工具软件。

打开点击官网的API密钥,获取你自己的密钥,将密钥添加到本地软件中,这样ipfs内容就知道你上传了哪些


将我们上一步生成的图片拖进输出该ipfs进行上传
注意是只上传图片文件夹,json文件夹还不用上传。

当显示为这样就是上传成功了。(如下图,点击第三个跳转到浏览器,你的图像目录)

记得上一步中在浏览器查看你上传的复制品吗,将图片的链接下载下来,也就是上图的网址,也就是上图的网关地址的链接,
然后我们继续回到 VS 代码的 config.js,找到第 9~11 行
将复制的链接替换掉config.js第11行的代码.项目名称和描述也自行替换
(如下图所示)
修改完要保存好代码,使用:ctrl + s保存代码

最后我们重新生成元数据,在命令行输入: npm run update_info
并回车,就搞定了。
最后将生成元数据文件夹(json文件夹)上传到ipfs。
这样,我们就完成了将 NFT 上传到 IPFS 的过程。
去吧,去写你的ERC721合约上链,发行你自己的NFT
糊糊,会点代码
作者:糊糊
个人推特地址:
https://twitter.com/FrankRaglan
访问github链接:https://github.com/HashLips/hashlips_art_engine根据图片中的教程将软件下载下来。

下载网站:
https://code.visualstudio.com/
根据图片中的教程下载并安装vs代码到本地

https://www.runoob.com/nodejs/nodejs-install-setup.html
根据链接中的教程下载并安装node.js
选择打开文件夹,然后点击打开你的文件夹,选择下载本地软件的文件夹,将VS代码的上角目录导入到这

导入跑图软件代码之后,此时VS代码显示的内容如下:

鼠标点击VS code的Terminal,选择 New Terminal,这一步是打开命令行(如下面的图片所示)


接着在命令行输入 npm install,并点击键盘上的回车键。
此时VS code会自行在网络上面下载跑图软件运行时候需要的软件包。

此时跑图软件已经可以正常启动了,但是软件内部的设置和我们的图层的文件夹名称可能会不一致。所以接下来是修改这些内容。
找到跑图软件的config.js文件并打开,将18~24行中的代码修改为你自己的图层的文件夹名称,注意文件夹名称不能有空格,修改完毕之后,要将修改后的代码保存起来。保存方式:ctrl + s

接着打开跑图软件的layers目录,将里面的文件都删除掉,并将你自己的图层文件夹复制到里面。


准备工作已经做好了,接下来就是跑图,还记得我们打开了VS code的命令行吗,在里面输入 npm run build,如果显示如下图,那么就说明你的图片跑出来了,可以打开跑图软件的build文件夹查看跑出来图效果怎么样。
其中images 文件夹是跑出来的图
Json文件夹是你图片的元数据


现在市面上还有自建IPFS的节点,IPFS是有服务器的。或者是收费的ipfs,你的样片等。
这里介绍什么免费且注册就可以的ipfs产品
进入官网并注册好账号,只需要一个邮箱就可以,注册好在官网下载该ipfs的本地上传工具软件。

打开点击官网的API密钥,获取你自己的密钥,将密钥添加到本地软件中,这样ipfs内容就知道你上传了哪些


将我们上一步生成的图片拖进输出该ipfs进行上传
注意是只上传图片文件夹,json文件夹还不用上传。

当显示为这样就是上传成功了。(如下图,点击第三个跳转到浏览器,你的图像目录)

记得上一步中在浏览器查看你上传的复制品吗,将图片的链接下载下来,也就是上图的网址,也就是上图的网关地址的链接,
然后我们继续回到 VS 代码的 config.js,找到第 9~11 行
将复制的链接替换掉config.js第11行的代码.项目名称和描述也自行替换
(如下图所示)
修改完要保存好代码,使用:ctrl + s保存代码

最后我们重新生成元数据,在命令行输入: npm run update_info
并回车,就搞定了。
最后将生成元数据文件夹(json文件夹)上传到ipfs。
这样,我们就完成了将 NFT 上传到 IPFS 的过程。
去吧,去写你的ERC721合约上链,发行你自己的NFT
Share Dialog
Share Dialog
Subscribe to 糊糊
Subscribe to 糊糊
<100 subscribers
<100 subscribers
No activity yet