blog: add onekey interactive guide (rooch-network#3020)

* blog: add onekey interactive guide

* add imgs

* update en doc

* add link

docs/website/pages/blog/connect-to-onekey.en-US.mdx

@@ -0,0 +1,71 @@
+---
+title: 'Things to note when using OneKey wallet'
+description: ""
+author: geometryolife
+category: Developer
+date: 2024/12/06
+---
+
+import PostHeader from "/components/blog/postHeader";
+
+<PostHeader />
+
+## Introduction
+
+Currently, Rooch Portal supports OneKey wallet, but there are a few points that need to be paid attention to when using it. Next, the usage process of OneKey wallet will be demonstrated.
+
+## Install
+
+Take Google Chrome as an example, install the OneKey browser plug-in: https://chromewebstore.google.com/detail/onekey/jnmbobjmhlngoefaiojfljckilhhlhcj?hl=en-US
+
+Once the installation is complete, you can choose to create or import a wallet:
+
+![](/blog/onekey/welcome-onekey.png)
+
+Taking creating a wallet as an example, you are first required to set a password to unlock the wallet locally:
+
+![](/blog/onekey/set-password.png)
+
+Click `Show recovery phrase` and record the new wallet’s mnemonic phrase:
+
+![](/blog/onekey/show-phrase.png)
+
+You will then enter the main interface of the OneKey multi-chain wallet:
+
+![](/blog/onekey/onekey-home.png)
+
+## Things to note when using Rooch Portal
+
+Click `Connect Wallet` in [Rooch Portal](portal.rooch.network) to connect the OneKey wallet:
+
+![](/blog/onekey/choose-onekey.png)
+
+OneKey uses Nested SegWit type Bitcoin addresses by default, while Rooch uses Taproot type addresses, so the correct address must be chosen to interact with the Rooch network.
+
+Click the drop-down bar of the address to enter the interface for switching address types:
+
+![](/blog/onekey/change-address-type.png)
+
+After entering, click the icon in the upper right corner and select the `Taproot` type:
+
+![](/blog/onekey/choose-type.png)
+
+After selecting, click on the upper left corner to return:
+
+![](/blog/onekey/return.png)
+
+Click the `Approve` button to connect successfully:
+
+![](/blog/onekey/approve.png)
+
+After the connection is successful, it will be displayed normally on Rooch Portal!
+
+![](/blog/onekey/portal-home.png)
+
+If you select the wrong address type, click on the OneKey wallet, then click on the disconnect button and re-use the above steps.
+
+![](/blog/onekey/disconnect.png)
+
+## Summary
+
+At this point, you already understand the installation and usage process of OneKey wallet and the issues you should pay attention to when using Rooch.

docs/website/pages/blog/connect-to-onekey.zh-CN.mdx

@@ -0,0 +1,71 @@
+---
+title: '使用 OneKey 钱包的注意事项'
+description: ""
+author: geometryolife
+category: Developer
+date: 2024/12/06
+---
+
+import PostHeader from "/components/blog/postHeader";
+
+<PostHeader />
+
+## 简介
+
+目前 Rooch Portal 支持 OneKey 钱包了，但是使用上需要注意几个点，接下来将演示 OneKey 钱包的使用流程。
+
+## 安装
+
+以谷歌浏览器为例，安装 OneKey 浏览器插件：https://chromewebstore.google.com/detail/onekey/jnmbobjmhlngoefaiojfljckilhhlhcj?hl=en-US
+
+安装完成后，可以选择创建或导入钱包：
+
+![](/blog/onekey/welcome-onekey.png)
+
+以创建钱包为例，首先要求你设置一个在本机解锁钱包的密码：
+
+![](/blog/onekey/set-password.png)
+
+点击 `Show recovery phrase`，并记录新钱包的助记词：
+
+![](/blog/onekey/show-phrase.png)
+
+之后就会进入 OneKey 多链钱包的主界面了：
+
+![](/blog/onekey/onekey-home.png)
+
+## 在 Rooch Portal 中使用的注意事项
+
+在 [Rooch Portal](portal.rooch.network) 中点击 `Connect Wallet` 来连接 OneKey 钱包：
+
+![](/blog/onekey/choose-onekey.png)
+
+OneKey 默认使用 Nested SegWit 类型的 Bitcoin 地址，而 Rooch 使用的是 Taproot 类型的地址，因此必须选择正确的地址才能与 Rooch 网络交互。
+
+点击地址的下拉栏，进入切换地址类型的界面：
+
+![](/blog/onekey/change-address-type.png)
+
+进入后，点击右上角的图标，选择 `Taproot` 类型：
+
+![](/blog/onekey/choose-type.png)
+
+选择后，点击左上角返回：
+
+![](/blog/onekey/return.png)
+
+点击 `Approve` 按钮，即可连接成功：
+
+![](/blog/onekey/approve.png)
+
+连接成功后，就能在 Rooch Portal 正常显示了！
+
+![](/blog/onekey/portal-home.png)
+
+如果选错了地址类型，此时点开 OneKey 钱包，然后点击断开按钮，重新使用上述步骤操作即可。
+
+![](/blog/onekey/disconnect.png)
+
+## 总结
+
+至此，你已经了解了 OneKey 钱包的安装使用流程和在 Rooch 上使用应该注意的问题了。

docs/website/pages/learn/miscellaneous/portal.en-US.mdx

@@ -43,3 +43,7 @@ Click the `Connect Wallet` button in the upper right corner. You will be prompte
 ### Using guide
 
 For detailed usage guide of Rooch, please refer to [this blog](../../blog/using-portal).
+
+### Things to note when using OneKey wallet
+
+When using OneKey wallet to interact with Portal, you need to manually set the Bitcoin address type. For details, please refer to [Things to note when using OneKey wallet](../../blog/connect-to-onekey.en-US.mdx).

docs/website/pages/learn/miscellaneous/portal.zh-CN.mdx

@@ -43,3 +43,7 @@ Rooch Portal 是一个综合仪表板，旨在简化 Unisat 等比特币钱包
 ### 使用指南
 
 Rooch 的详细使用指南，请参考[这篇博客](../../blog/using-portal)。
+
+### 使用 OneKey 钱包的注意事项
+
+使用 OneKey 钱包与 Portal 交互时需要手动设置 Bitcoin 地址类型，详细参考 [使用 OneKey 钱包的注意事项](../../blog/connect-to-onekey.zh-CN.mdx)。