add macos detailed build documentation (#2108)

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": [

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)

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  
 :::
 
 标题和内容，不做强要求，但是最好用简单好理解的英文表示。