diff --git a/zh_cn/docs/开发者/01 - 开发入门/vx.json b/zh_cn/docs/开发者/01 - 开发入门/vx.json
index 365bfa87..e508d04f 100644
--- a/zh_cn/docs/开发者/01 - 开发入门/vx.json	
+++ b/zh_cn/docs/开发者/01 - 开发入门/vx.json	
@@ -5,11 +5,21 @@
             "attachment_folder": "",
             "created_time": "2022-01-12T16:31:52Z",
             "id": "53",
-            "modified_time": "2022-01-13T02:09:43Z",
+            "modified_time": "2022-04-18T14:33:56Z",
             "name": "如何给VNote开发文档.md",
             "signature": "5546498803233653368",
             "tags": [
             ]
+        },
+        {
+            "attachment_folder": "",
+            "created_time": "2022-04-18T14:35:48Z",
+            "id": "0",
+            "modified_time": "2022-04-18T14:57:27Z",
+            "name": "如何构建VNote_MacOS详细版.md",
+            "signature": "784285914940405572",
+            "tags": [
+            ]
         }
     ],
     "folders": [
diff --git a/zh_cn/docs/开发者/01 - 开发入门/vx_images/10174886807109.png b/zh_cn/docs/开发者/01 - 开发入门/vx_images/10174886807109.png
new file mode 100644
index 00000000..0333f61d
Binary files /dev/null and b/zh_cn/docs/开发者/01 - 开发入门/vx_images/10174886807109.png differ
diff --git a/zh_cn/docs/开发者/01 - 开发入门/vx_images/103646998002513.png b/zh_cn/docs/开发者/01 - 开发入门/vx_images/103646998002513.png
new file mode 100644
index 00000000..b6ddf931
Binary files /dev/null and b/zh_cn/docs/开发者/01 - 开发入门/vx_images/103646998002513.png differ
diff --git a/zh_cn/docs/开发者/01 - 开发入门/vx_images/112155921114757.png b/zh_cn/docs/开发者/01 - 开发入门/vx_images/112155921114757.png
new file mode 100644
index 00000000..9b1e22df
Binary files /dev/null and b/zh_cn/docs/开发者/01 - 开发入门/vx_images/112155921114757.png differ
diff --git a/zh_cn/docs/开发者/01 - 开发入门/vx_images/209106036941055.png b/zh_cn/docs/开发者/01 - 开发入门/vx_images/209106036941055.png
new file mode 100644
index 00000000..5bcfc56a
Binary files /dev/null and b/zh_cn/docs/开发者/01 - 开发入门/vx_images/209106036941055.png differ
diff --git a/zh_cn/docs/开发者/01 - 开发入门/vx_images/225744914522789.png b/zh_cn/docs/开发者/01 - 开发入门/vx_images/225744914522789.png
new file mode 100644
index 00000000..62bbeac6
Binary files /dev/null and b/zh_cn/docs/开发者/01 - 开发入门/vx_images/225744914522789.png differ
diff --git a/zh_cn/docs/开发者/01 - 开发入门/vx_images/232276704777387.png b/zh_cn/docs/开发者/01 - 开发入门/vx_images/232276704777387.png
new file mode 100644
index 00000000..0b4a50a2
Binary files /dev/null and b/zh_cn/docs/开发者/01 - 开发入门/vx_images/232276704777387.png differ
diff --git a/zh_cn/docs/开发者/01 - 开发入门/vx_images/233065560242790.png b/zh_cn/docs/开发者/01 - 开发入门/vx_images/233065560242790.png
new file mode 100644
index 00000000..9937e202
Binary files /dev/null and b/zh_cn/docs/开发者/01 - 开发入门/vx_images/233065560242790.png differ
diff --git a/zh_cn/docs/开发者/01 - 开发入门/vx_images/23317058250555.png b/zh_cn/docs/开发者/01 - 开发入门/vx_images/23317058250555.png
new file mode 100644
index 00000000..00192db0
Binary files /dev/null and b/zh_cn/docs/开发者/01 - 开发入门/vx_images/23317058250555.png differ
diff --git a/zh_cn/docs/开发者/01 - 开发入门/vx_images/23776093356331.png b/zh_cn/docs/开发者/01 - 开发入门/vx_images/23776093356331.png
new file mode 100644
index 00000000..43f986bc
Binary files /dev/null and b/zh_cn/docs/开发者/01 - 开发入门/vx_images/23776093356331.png differ
diff --git a/zh_cn/docs/开发者/01 - 开发入门/vx_images/269516200889459.png b/zh_cn/docs/开发者/01 - 开发入门/vx_images/269516200889459.png
new file mode 100644
index 00000000..4acd3879
Binary files /dev/null and b/zh_cn/docs/开发者/01 - 开发入门/vx_images/269516200889459.png differ
diff --git a/zh_cn/docs/开发者/01 - 开发入门/vx_images/269827387097046.png b/zh_cn/docs/开发者/01 - 开发入门/vx_images/269827387097046.png
new file mode 100644
index 00000000..f35cb0c4
Binary files /dev/null and b/zh_cn/docs/开发者/01 - 开发入门/vx_images/269827387097046.png differ
diff --git a/zh_cn/docs/开发者/01 - 开发入门/vx_images/297266424524505.png b/zh_cn/docs/开发者/01 - 开发入门/vx_images/297266424524505.png
new file mode 100644
index 00000000..de7ff722
Binary files /dev/null and b/zh_cn/docs/开发者/01 - 开发入门/vx_images/297266424524505.png differ
diff --git a/zh_cn/docs/开发者/01 - 开发入门/vx_images/345975837157603.png b/zh_cn/docs/开发者/01 - 开发入门/vx_images/345975837157603.png
new file mode 100644
index 00000000..47bffa96
Binary files /dev/null and b/zh_cn/docs/开发者/01 - 开发入门/vx_images/345975837157603.png differ
diff --git a/zh_cn/docs/开发者/01 - 开发入门/vx_images/365535925648625.png b/zh_cn/docs/开发者/01 - 开发入门/vx_images/365535925648625.png
new file mode 100644
index 00000000..7c3a2931
Binary files /dev/null and b/zh_cn/docs/开发者/01 - 开发入门/vx_images/365535925648625.png differ
diff --git a/zh_cn/docs/开发者/01 - 开发入门/vx_images/368765675938748.png b/zh_cn/docs/开发者/01 - 开发入门/vx_images/368765675938748.png
new file mode 100644
index 00000000..7f38c401
Binary files /dev/null and b/zh_cn/docs/开发者/01 - 开发入门/vx_images/368765675938748.png differ
diff --git a/zh_cn/docs/开发者/01 - 开发入门/vx_images/37426953876998.png b/zh_cn/docs/开发者/01 - 开发入门/vx_images/37426953876998.png
new file mode 100644
index 00000000..42632400
Binary files /dev/null and b/zh_cn/docs/开发者/01 - 开发入门/vx_images/37426953876998.png differ
diff --git a/zh_cn/docs/开发者/01 - 开发入门/vx_images/444947164734198.png b/zh_cn/docs/开发者/01 - 开发入门/vx_images/444947164734198.png
new file mode 100644
index 00000000..0e53d47d
Binary files /dev/null and b/zh_cn/docs/开发者/01 - 开发入门/vx_images/444947164734198.png differ
diff --git a/zh_cn/docs/开发者/01 - 开发入门/vx_images/471535972549165.png b/zh_cn/docs/开发者/01 - 开发入门/vx_images/471535972549165.png
new file mode 100644
index 00000000..715868c9
Binary files /dev/null and b/zh_cn/docs/开发者/01 - 开发入门/vx_images/471535972549165.png differ
diff --git a/zh_cn/docs/开发者/01 - 开发入门/vx_images/486355328122579.png b/zh_cn/docs/开发者/01 - 开发入门/vx_images/486355328122579.png
new file mode 100644
index 00000000..eeea5fc4
Binary files /dev/null and b/zh_cn/docs/开发者/01 - 开发入门/vx_images/486355328122579.png differ
diff --git a/zh_cn/docs/开发者/01 - 开发入门/vx_images/499116959148212.png b/zh_cn/docs/开发者/01 - 开发入门/vx_images/499116959148212.png
new file mode 100644
index 00000000..af4ff34d
Binary files /dev/null and b/zh_cn/docs/开发者/01 - 开发入门/vx_images/499116959148212.png differ
diff --git a/zh_cn/docs/开发者/01 - 开发入门/vx_images/505275313615304.png b/zh_cn/docs/开发者/01 - 开发入门/vx_images/505275313615304.png
new file mode 100644
index 00000000..ef626382
Binary files /dev/null and b/zh_cn/docs/开发者/01 - 开发入门/vx_images/505275313615304.png differ
diff --git a/zh_cn/docs/开发者/01 - 开发入门/vx_images/534377269654293.png b/zh_cn/docs/开发者/01 - 开发入门/vx_images/534377269654293.png
new file mode 100644
index 00000000..87815540
Binary files /dev/null and b/zh_cn/docs/开发者/01 - 开发入门/vx_images/534377269654293.png differ
diff --git a/zh_cn/docs/开发者/01 - 开发入门/vx_images/543005076936923.png b/zh_cn/docs/开发者/01 - 开发入门/vx_images/543005076936923.png
new file mode 100644
index 00000000..cae5d805
Binary files /dev/null and b/zh_cn/docs/开发者/01 - 开发入门/vx_images/543005076936923.png differ
diff --git a/zh_cn/docs/开发者/01 - 开发入门/vx_images/548726460751567.png b/zh_cn/docs/开发者/01 - 开发入门/vx_images/548726460751567.png
new file mode 100644
index 00000000..a29f95ee
Binary files /dev/null and b/zh_cn/docs/开发者/01 - 开发入门/vx_images/548726460751567.png differ
diff --git a/zh_cn/docs/开发者/01 - 开发入门/vx_images/586136381748241.png b/zh_cn/docs/开发者/01 - 开发入门/vx_images/586136381748241.png
new file mode 100644
index 00000000..1c8db52a
Binary files /dev/null and b/zh_cn/docs/开发者/01 - 开发入门/vx_images/586136381748241.png differ
diff --git a/zh_cn/docs/开发者/01 - 开发入门/vx_images/597534529576101.png b/zh_cn/docs/开发者/01 - 开发入门/vx_images/597534529576101.png
new file mode 100644
index 00000000..74e396ce
Binary files /dev/null and b/zh_cn/docs/开发者/01 - 开发入门/vx_images/597534529576101.png differ
diff --git a/zh_cn/docs/开发者/01 - 开发入门/vx_images/74686053636765.png b/zh_cn/docs/开发者/01 - 开发入门/vx_images/74686053636765.png
new file mode 100644
index 00000000..36b9244a
Binary files /dev/null and b/zh_cn/docs/开发者/01 - 开发入门/vx_images/74686053636765.png differ
diff --git a/zh_cn/docs/开发者/01 - 开发入门/vx_images/86265918901249.png b/zh_cn/docs/开发者/01 - 开发入门/vx_images/86265918901249.png
new file mode 100644
index 00000000..00c82a19
Binary files /dev/null and b/zh_cn/docs/开发者/01 - 开发入门/vx_images/86265918901249.png differ
diff --git a/zh_cn/docs/开发者/01 - 开发入门/如何构建VNote_MacOS详细版.md b/zh_cn/docs/开发者/01 - 开发入门/如何构建VNote_MacOS详细版.md
new file mode 100644
index 00000000..2a5829d4
--- /dev/null
+++ b/zh_cn/docs/开发者/01 - 开发入门/如何构建VNote_MacOS详细版.md	
@@ -0,0 +1,127 @@
+# 如何构建VNote_MacOS详细版
+
+本文是对 `构建VNote` 文章中的 `MacOS` 系统中构建 `VNote` 详细图文描述。
+
+需要安装 3 个工具，`Xcode`、`Command Line Tools for Xcode`、`Qt`(保险起见，Mac 下开发还是安装 Xcode 合适些)。
+
+## Xcode 安装
+
+::: alert-danger
+安装前请注意自己的 MacOS 版本，这里需要与 Xcode 相对应。
+:::
+
+先下载 Xcode
+
+```
+https://download.developer.apple.com/Developer_Tools/Xcode_12.5.1/Xcode_12.5.1.xip
+```
+
+![](vx_images/505275313615304.png)
+
+解锁文件
+
+```
+$ xattr -d com.apple.quarantine Xcode_12.5.1.xip
+```
+
+然后再双击解压并安装
+
+![](vx_images/209106036941055.png)
+
+![](vx_images/269516200889459.png)
+
+这一步只要版本选对了，基本不会有什么问题。装好完效果如下
+
+![](vx_images/597534529576101.png)
+
+## Command Line Tools for Xcode 安装
+
+::: alert-danger
+这里同样也要注意版本号，可以查官网来获得对应关系
+:::
+
+![](vx_images/486355328122579.png)
+
+![](vx_images/543005076936923.png)
+
+![](vx_images/10174886807109.png)
+
+![](vx_images/86265918901249.png)
+
+## 安装 Qt
+
+VNode 3.12.0 之后的版本已经升级到 Qt 5.15.*
+
+这里我们开始安装Qt，
+
+目前 Qt 已经不能像以前那样可以离线安装了，只能使用在线安装，`注意科学上网`。针对国内的网络，可以选择相关的镜像地址下载在线安装包。
+
+```
+https://download.qt.io/official_releases/online_installers/qt-unified-mac-x64-online.dmg.mirrorlist
+```
+
+下载后我们开始安装
+
+![](vx_images/225744914522789.png)
+
+![](vx_images/365535925648625.png)
+
+
+![](vx_images/471535972549165.png)
+
+![](vx_images/548726460751567.png)
+
+![](vx_images/23776093356331.png)
+
+![](vx_images/112155921114757.png)
+
+尽量选择 5.15 的最高版本
+
+![](vx_images/232276704777387.png)
+
+
+![](vx_images/499116959148212.png)
+
+
+![](vx_images/586136381748241.png)
+
+
+![](vx_images/103646998002513.png)
+
+
+![](vx_images/233065560242790.png)
+
+
+![](vx_images/345975837157603.png)
+
+
+## 构建并运行
+
+打开项目
+
+![](vx_images/297266424524505.png)
+
+![](vx_images/23317058250555.png)
+
+这里根据你的 build，选择之后需要点击一下 `Configure Project`
+
+![](vx_images/37426953876998.png)
+
+然后就可以开始构建 VNote 了，主要选择 src 进行构建。
+
+![](vx_images/269827387097046.png)
+
+执行 qmake 开始构建。
+
+![](vx_images/368765675938748.png)
+
+构建结束，点击绿色箭头运行 VNote。
+
+![](vx_images/444947164734198.png)
+
+
+![](vx_images/534377269654293.png)
+
+
+
+![](vx_images/74686053636765.png)
\ No newline at end of file
diff --git a/zh_cn/docs/开发者/01 - 开发入门/如何给VNote开发文档.md b/zh_cn/docs/开发者/01 - 开发入门/如何给VNote开发文档.md
index 6a21ade4..995263d9 100644
--- a/zh_cn/docs/开发者/01 - 开发入门/如何给VNote开发文档.md	
+++ b/zh_cn/docs/开发者/01 - 开发入门/如何给VNote开发文档.md	
@@ -78,9 +78,9 @@
 发起 PR 合并申请的时候，**千万！ 千万！ 注意选对分支**
 
 ::: alert-danger
-分支请选择gh-pages
-分支请选择gh-pages
-分支请选择gh-pages
+分支请选择gh-pages  
+分支请选择gh-pages  
+分支请选择gh-pages  
 :::
 
 标题和内容，不做强要求，但是最好用简单好理解的英文表示。