Remove msgport and reorg the content (#39)

* Remove the msgport part

* Split into Learn and Build two parts

* Fix broken link 1

* Use correct name

* Update link

---------

Co-authored-by: fisher <[email protected]>

docs/evm/tutorial/chain/run-collator-node.md → docs/build/chain/run-collator-node.md

@@ -153,19 +153,19 @@ It's important to note that there is a faster method to expedite the syncing pro
 1. Once your node has finished syncing, ensure that it is still running.
 2. Open the [staking app](https://staking.darwinia.network/#/?network=darwinia) in your browser and connect it to your wallet account. You have the option to choose between MetaMask or WalletConnect, as both wallets are now supported.
     
-    ![evm-tutorial-collator-node-1](../../../images/evm-tutorial-collator-node-1.png)
+    ![evm-tutorial-collator-node-1](../../images/evm-tutorial-collator-node-1.png)
     
 3. Click on the `Join Collator` button and follow these steps:
     1. Enter the session key that was generated earlier and click on `Set Session Key` to prompt the wallet for submitting an Ethereum transaction.
     2. Enter the desired commission amount and click on `Set Commission` to prompt the wallet for submitting an Ethereum transaction.
 
-![evm-tutorial-collator-node-2](../../../images/evm-tutorial-collator-node-2.png)
-![evm-tutorial-collator-node-3](../../../images/evm-tutorial-collator-node-3.png)
+![evm-tutorial-collator-node-2](../../images/evm-tutorial-collator-node-2.png)
+![evm-tutorial-collator-node-3](../../images/evm-tutorial-collator-node-3.png)
 
 1. To verify that your account is in the collator waiting pool, click on the `Select a collator` button.
     
-    ![evm-tutorial-collator-node-4](../../../images/evm-tutorial-collator-node-4.png)
-    ![evm-tutorial-collator-node-5](../../../images/evm-tutorial-collator-node-5.png)
+    ![evm-tutorial-collator-node-4](../../images/evm-tutorial-collator-node-4.png)
+    ![evm-tutorial-collator-node-5](../../images/evm-tutorial-collator-node-5.png)
     
 
 ## To be a real collator

docs/evm/tutorial/chain/run-dev-node.md → docs/build/chain/run-dev-node.md

@@ -1,6 +1,6 @@
 # Run Development Testnet
 
-While there is an established test network, namely the [Pangolin network](../../chains/pangolin.md), which serves as an ideal sandbox for your applications, eliminating any concern about initiating and connecting nodes, among other things. The official test network is designed to fulfill application developers' requirements. However, there may be scenarios where you want to perform low-level tasks. In such cases, creating your own development network can significantly enhance your development, testing, or debugging efficiency. This guide will walk you through the process of establishing a single-node development network.
+While there is an established test network, namely the [Pangolin network](../../learn/chains/pangolin.md), which serves as an ideal sandbox for your applications, eliminating any concern about initiating and connecting nodes, among other things. The official test network is designed to fulfill application developers' requirements. However, there may be scenarios where you want to perform low-level tasks. In such cases, creating your own development network can significantly enhance your development, testing, or debugging efficiency. This guide will walk you through the process of establishing a single-node development network.
 
 ## Compile darwinia node
 
@@ -95,5 +95,5 @@ To start the local Substrate node:
 
 Once the node is up and producing new blocks, you can connect to the Polkadot app to explore more advanced features, such as token transfer and more.
 
-![evm-tutorial-dev-node-1](../../../images/evm-tutorial-dev-node-1.png)
-![evm-tutorial-dev-node-2](../../../images/evm-tutorial-dev-node-2.png)
+![evm-tutorial-dev-node-1](../../images/evm-tutorial-dev-node-1.png)
+![evm-tutorial-dev-node-2](../../images/evm-tutorial-dev-node-2.png)

docs/evm/tutorial/migration/generate-account.md → docs/build/getting-started/migration/generate-account.md

@@ -55,7 +55,7 @@ The current version of [Subscan](https://darwinia.subscan.io/) supports Darwinia
 ![evm-tutorial-migrate-general-8](../../../images/evm-tutorial-migrate-general-8.png)
 ![evm-tutorial-migrate-general-9](../../../images/evm-tutorial-migrate-general-9.png)
 
-Also, you can refer to [here](../../chains/darwinia.md) and add the darwinia RPC to your wallet. Then you can see the transferrable `RING` on MetaMask.
+Also, you can refer to [here](../../../learn/chains/darwinia.md#network-info) and add the darwinia RPC to your wallet. Then you can see the transferrable `RING` on MetaMask.
 
 ![evm-tutorial-migrate-general-10](../../../images/evm-tutorial-migrate-general-10.png)
 

docs/evm/tutorial/multisig-wallet.md → docs/build/getting-started/multisig-wallet.md

@@ -12,7 +12,7 @@
 1. Open [DSafe Wallet](https://multisig.darwiniacommunitydao.xyz/)
 2. Switch your MetaMask to the Darwinia Chain
 
-    DSafe Wallet consists of multiple owners. To create a multi-signature wallet, you first need to connect your regular wallet using MetaMask (or any other compatible wallet). If you haven't added the Darwinia Chain before, you can add it by visiting this [link](../chains/darwinia.md).
+    DSafe Wallet consists of multiple owners. To create a multi-signature wallet, you first need to connect your regular wallet using MetaMask (or any other compatible wallet). If you haven't added the Darwinia Chain before, you can add it by visiting this [link](../../learn/chains/darwinia.md#network-info).
 
 3. Click "Create new Account" to initiate the process.
 

docs/evm/tutorial/indexer/subquery.md → docs/build/indexer/subquery.md

@@ -40,7 +40,7 @@ Select the network family as **Substrate** and the network as **Darwinia**, then
 
 The output:
 
-![evm-tutorial-indexer-subquery-1](../../../images/evm-tutorial-indexer-subquery-1.png)
+![evm-tutorial-indexer-subquery-1](../../images/evm-tutorial-indexer-subquery-1.png)
 
 The `ll example-with-subquery/`is:
 
@@ -153,7 +153,7 @@ query {
 
 The indexing result is displayed in the right pane, as shown below:
 
-![evm-tutorial-indexer-subquery-2](../../../images/evm-tutorial-indexer-subquery-2.png)
+![evm-tutorial-indexer-subquery-2](../../images/evm-tutorial-indexer-subquery-2.png)
 
 ### Stop Indexing
 

docs/evm/tutorial/smart-contract/interact-with-web3js.md → docs/build/smart-contract/interact-with-web3js.md

@@ -3,7 +3,7 @@
 !!! note
     Familiarity with Linux/Javascript is essential.
 
-[Web3.js](https://web3js.org/) is a comprehensive library that enables developers to communicate with Ethereum nodes using various protocols such as HTTP or WebSocket in JavaScript. Darwinia offers an [Ethereum-Compatible API](../../ethereum-compatibility/jsonrpc.md) that supports JSON RPC calls similar to Ethereum. As a result, developers can utilize the Web3.js library to interact with a Darwinia node in the same way they would interact with an Ethereum node. This compatibility simplifies the process of building applications that interact with Darwinia using familiar Ethereum tools and libraries.
+[Web3.js](https://web3js.org/) is a comprehensive library that enables developers to communicate with Ethereum nodes using various protocols such as HTTP or WebSocket in JavaScript. Darwinia offers an [Ethereum-Compatible API](../../learn/ethereum-compatibility/jsonrpc.md) that supports JSON RPC calls similar to Ethereum. As a result, developers can utilize the Web3.js library to interact with a Darwinia node in the same way they would interact with an Ethereum node. This compatibility simplifies the process of building applications that interact with Darwinia using familiar Ethereum tools and libraries.
 
 ## Prerequisites
 

docs/evm/tutorial/smart-contract/verify-contract.md → docs/build/smart-contract/verify-contract.md

@@ -6,8 +6,8 @@ For Darwinia chains, Subscan is the most commonly used explorer, offering contra
 
 ## Verify Contracts
 
-1. Navigate to the appropriate [Subscan](https://www.notion.so/Crab-Chain-7d27b58cb42a4315b878281da0043aa6?pvs=21) explorer, using the Crab chain as an example. Once there, open the contract page as demonstrated in the screenshot below.
+1. Navigate to the appropriate [Subscan](../../learn/chains/crab.md#network-info) explorer, using the Crab chain as an example. Once there, open the contract page as demonstrated in the screenshot below.
 
-    ![evm-tutorial-verify-contract-1](../../../images/evm-tutorial-verify-contract-1.png)
+    ![evm-tutorial-verify-contract-1](../../images/evm-tutorial-verify-contract-1.png)
 
 2. Verify the contract by submitting the concrete contract information or [standard input JSON](https://github.com/subscan-explorer/sourcify/blob/feat/doc/docs/Standard-Input-JSON.md), similar to the process used on Etherscan, then click `Verify & Publish`.