事前準備

Node.js v17.3.1

pinata 去中心化雲端硬碟 ，非必要但既然是區塊鏈就做徹底一點

https://www.pinata.cloud/

1.此專案為開放的自動產圖專案，當然我沒有細部研究他，但是有用過的原理都差不多

這個只是工具，如果有圖產生可以直接用

https://github.com/HashLips/hashlips_art_engine

2.Clone 下來後

src/main.js ⇒ startCreating

這行改成 i = 0 ⇒ 產稱圖片的序號

1. yarn run build

   建立了四張圖片

   

4.可以看到 build 中產生了圖片

1. 來到上傳環節 註冊 pinata

   可以先去註冊 pinata 免費用戶有1Ｇ的空間

   https://www.pinata.cloud/

   註冊環節不贅述

2. 上傳圖片

   選擇 upload ⇒ Folder ⇒ 選擇資料夾 build/images

   

   上傳取名字

   

   複製CID，至config.js 修改 const baseUri =

   

   

   執行 yarn run update_info 更新基本狀態

   

   可檢查 build/json 裡面資訊確定更新是否成功

   image 路徑位置

   

   7.上傳json

   把build/json 上傳到Pinata
   

   

   1. 製作盲盒圖片

      這裡的流程沒有一定只是給大家參考，主要還是 圖片和json 檔案

      上傳盲盒圖片到Pinata

      

   

   複製 unpack.png CID 到 json 檔裡面

   

   上傳盲盒json

   

基本設定完成！！！！

9.合約設定盲盒位置

到合約設定setNotRevealedURL，設定位置 unpack.json

輸入 ipfs:// XXXX

ex: ipfs://Qmai41i4WWBFpiD5Bsq7g7Ge4ff6BdjJaW2qxENHQ94jDx