feat: improved aeindexer tutorial content and improved code (#365)

* feat: improved aeindexer tutorial content and improved code

* fix: added space between lines for formate the docs

docs/quick-start/advance-tutorials/_setup.md

@@ -46,7 +46,7 @@ aelf.deploy is a utility tool for deploying smart contracts on the aelf blockcha
 Please remember to export PATH after installing aelf.deploy.
 
 :::info
-ℹ️ Note: If you have installed aelf.deploy and your terminal says that there is no such command available, please uninstall and install aelf.deploy.
+ℹ️ Note: If you have installed aelf.deploy and your terminal says that there is no such command available, please uninstall and reinstall aelf.deploy.
 :::
 
 **Install Node.js and Yarn**
@@ -83,7 +83,7 @@ Provide required permissions while installing aelf-command globally.
    Select `Codespaces`.
 5. Click on the `+` sign to create a new Codespace.
 6. After some time, your workspace will load with the contents of the repository.
-   You can now continue your development using GitHub Codespaces.
+   You may now continue your development using GitHub Codespaces.
 
 </TabItem>
 </Tabs>

docs/quick-start/advance-tutorials/nft-indexer/_create_aeindexer.md

@@ -0,0 +1,8 @@
+## Step 2 - Create AeIndexer in AeFinder
+- Log in to the AeFinder website.
+    TestNet: [https://test.aefinder.io/login](https://test.aefinder.io/login)
+
+- Enter the AeIndexer Name and other information to create a NFT AeIndexer.
+<!-- Commenting out missing image references -->
+![run-app-success](/img/create-nft-indexer.png)
+![create-app](/img/name-nft-indexer.png)

docs/quick-start/advance-tutorials/nft-indexer/_deploy_aeindexer.md

@@ -0,0 +1,30 @@
+## Step 4 - Deploy AeIndexer
+- Open the AeIndexer details page and click Deploy.
+![deploy](/img/deploy-nft-indexer-template.png)
+- Fill out the subscription manifest and upload the DLL file.
+1. Subscription manifest：
+```json
+{
+  "subscriptionItems": [
+    {
+      "chainId": "tDVW",
+      "startBlockNumber": 151018963,
+      "onlyConfirmed": false,
+      "transactions": [],
+      "logEvents": [
+        {
+          "contractAddress": "ASh2Wt7nSEmYqnGxPPzp4pnVDU4uhj1XW9Se5VeZcX2UDdyjx",
+          "eventNames": [
+            "Issued",
+            "Issue"
+          ]
+        }
+      ]
+    }
+  ]
+}
+```
+  2. DLL file location: src/NFTAeIndexer/bin/Release/net8.0/NFTAeIndexer.dll
+![deploy-2](/img/subscription-nft-indexer.png)
+- Click the deploy button to submit deployment information. When the normal processing block information appears on the Logs page at the bottom of the details page, it means that the deployment has been successful and data indexing has started.
+![log](/img/logs-nft-indexer.png)