website(doc): 更新ios及安卓应用商店发布 #159

Author: jaywcjlove

website/src/pages/docs/app-store/android/README.md

@@ -9,21 +9,23 @@ APP上架安卓商店需准备各平台所需版权证明 `计算机软件著作
 
 进入[腾讯开放平台](https://open.tencent.com/),找到 `应用开放平台` 点击 `管理中心` 进入登录/注册页面，选择 `注册注册新账号`。
 
-<img src="./img/01.png" width="65%" height="65%" />  
-<img src="./img/02.png" width="65%" height="65%" />  
+![](./img/01.png)<!--rehype:style=max-width: 650px;width: 100%;-->  
+
+![](./img/02.png)<!--rehype:style=max-width: 650px;width: 100%;-->  
 
 ### `选择注册类型`<!--rehype:style=color: white; background: #1c7bd0;-->
 
 开发者账号登录成功后，跳转至注册资质页面，可选择注册 `公司或个人`。
 
-<img src="./img/03.png" width="65%" height="65%" />  
+![](./img/03.png)<!--rehype:style=max-width: 650px;width: 100%;-->  
 
 ### `注册公司资质`<!--rehype:style=color: white; background: #1c7bd0;-->
 
 进入资料填写页面，根据提示填写 `公司全称` 、 `统一社会信用代码` 、 `营业执照照片` 等相关资料。
 
-<img src="./img/04.png" width="65%" height="65%" />
-<img src="./img/05.png" width="65%" height="65%" />
+![](./img/04.png)<!--rehype:style=max-width: 650px;width: 100%;-->
+
+![](./img/05.png)<!--rehype:style=max-width: 650px;width: 100%;-->
 
 > ⚠️ 注意事项:
 > 1. 营业执照必须为 `彩色原件照`<!--rehype:style=background: #F08800; color: #fff;-->。
@@ -32,7 +34,7 @@ APP上架安卓商店需准备各平台所需版权证明 `计算机软件著作
 > 4. 一个公司资质只能注册一个开发者账号，不得重复注册使用。
 <!--rehype:style=border-left: 8px solid #ffe564;background-color: #ffe56440;padding: 12px 16px;-->
 
-<img src="./img/06.png" width="65%" height="65%" />
+![](./img/06.png)<!--rehype:style=max-width: 650px;width: 100%;-->
 
 > ⚠️ 注意：联系地址需要填写有效的公司或个人常驻地址，要明确到具体的XXX省XXX市XXX区XXX镇XXX路XXX门牌号。
 <!--rehype:style=border-left: 8px solid #ffe564;background-color: #ffe56440;padding: 12px 16px;-->
@@ -41,7 +43,7 @@ APP上架安卓商店需准备各平台所需版权证明 `计算机软件著作
 
 公司或个人信息填写完成后点击下一步开始验证邮箱，点击 `立即验证` 后,登录邮箱点击邮件中的链接进行验证，验证成功后出现成功提示 ，即标识资料填写完成。
 
-<img src="./img/07.png" width="65%" height="65%" />
+![](./img/07.png)<!--rehype:style=max-width: 650px;width: 100%;-->
 
 
 

website/src/pages/docs/app-store/ios/README.md

@@ -9,26 +9,29 @@ APP上架前需注册开发者账号，创建 `证书请求文件（CSR文件）
 
 进入[Developer苹果开发者官网](https://developer.apple.com),点击“Account”登录/注册会员。
 
-<img src="./img/01.png" width="65%" height="65%" />  
-<img src="./img/02.png" width="65%" height="65%" />
+![](./img/01.png)<!--rehype:style=max-width: 650px;width: 100%;-->
+
+![](./img/02.png)<!--rehype:style=max-width: 650px;width: 100%;-->
 
 ### `创建 AppID`<!--rehype:style=color: white; background: #1c7bd0;-->
 
 登陆成功后，选择 `Certificates, Identifiers & Profiles`进入页面点击  `Identifiers`，填写信息创建AppID。
 
-<img src="./img/03.png" width="65%" height="65%" />  
-<img src="./img/04.png" width="65%" height="65%" />
+![](./img/03.png)<!--rehype:style=max-width: 650px;width: 100%;-->  
+
+![](./img/04.png)<!--rehype:style=max-width: 650px;width: 100%;-->
 
 ### `App IDs`<!--rehype:style=color: white; background: #1c7bd0;-->
 
 选择App IDs点击Continue进入下一步，选择APP继续填写信息。
 
-<img src="./img/05.png" width="65%" height="65%" />  
-<img src="./img/06.png" width="65%" height="65%" />
+![](./img/05.png)<!--rehype:style=max-width: 650px;width: 100%;-->  
+
+![](./img/06.png)<!--rehype:style=max-width: 650px;width: 100%;-->
 
 ### `填写 Description 及 Bundle ID`<!--rehype:style=color: white; background: #1c7bd0;-->
 
-<img src="./img/07.png" width="65%" height="65%"/>
+![](./img/07.png)<!--rehype:style=max-width: 650px;width: 100%;-->
 
 ---
 
@@ -38,37 +41,41 @@ APP上架前需注册开发者账号，创建 `证书请求文件（CSR文件）
 
 进入Certificates, Identifiers & Profiles页面，找到 `Profiles`，点击 + 号，选择App Store，点击Continue进入下一步。
 
-<img src="./img/08.png" width="65%" height="65%" />
-<img src="./img/09.png" width="65%" height="65%" />
+![](./img/08.png)<!--rehype:style=max-width: 650px;width: 100%;-->
+
+![](./img/09.png)<!--rehype:style=max-width: 650px;width: 100%;-->
 
 ### `App IDs（Bundle ID）`<!--rehype:style=color: white; background: #1c7bd0;-->
 
 在选项栏中找到刚刚创建的App IDs（Bundle ID）类型套装，选择发布证书，点击Continue进入下一步。
 
-<img src="./img/10.png" width="65%" height="65%" />
-<img src="./img/11.png" width="65%" height="65%" />
+![](./img/10.png)<!--rehype:style=max-width: 650px;width: 100%;-->
+
+![](./img/11.png)<!--rehype:style=max-width: 650px;width: 100%;-->
 
 ### `生成并下载PP文件`<!--rehype:style=color: white; background: #1c7bd0;-->
 
 在 `Provisioning Profile Name` 栏中填入文件名,点击Generate进入下一步，再点击Download下载生成的文件。
 
-<img src="./img/12.png" width="65%" height="65%" />
-<img src="./img/13.png" width="65%" height="65%" />
+![](./img/12.png)<!--rehype:style=max-width: 650px;width: 100%;-->
+
+![](./img/13.png)<!--rehype:style=max-width: 650px;width: 100%;-->
 
 ---
 
 ## 三. 创建新应用
 
 返回Account，找到 `App Store Connect` ，点击 `Go to App Store Connect` 。
 
-<img src="./img/14.png" width="65%" height="65%" />
+![](./img/14.png)<!--rehype:style=max-width: 650px;width: 100%;-->
 
 ### `MyApp`<!--rehype:style=color: white; background: #1c7bd0;-->
 
 点击 `我的 App` 进入页面，找到 `APP` ，点击 + 号，选择 `新建APP` 开始创建。
 
-<img src="./img/15.png" width="65%" height="65%" />
-<img src="./img/16.png" width="65%" height="65%" />
+![](./img/15.png)<!--rehype:style=max-width: 650px;width: 100%;-->
+
+![](./img/16.png)<!--rehype:style=max-width: 650px;width: 100%;-->
 
 ### `新建App`<!--rehype:style=color: white; background: #1c7bd0;-->
 
@@ -81,21 +88,22 @@ APP上架前需注册开发者账号，创建 `证书请求文件（CSR文件）
 
 填写完成后点击 `创建` ，创建成功后点击已创建的项目即可进入项目管理页面。
 
-<img src="./img/17.png" width="65%" height="65%" />
+![](./img/17.png)<!--rehype:style=max-width: 650px;width: 100%;-->
 
 ### `上传App预览图`<!--rehype:style=color: white; background: #1c7bd0;-->
 
 点击新建的应用进入提交页面，依次提交不同尺寸的图片()。
 
-<img src="./img/18.png" width="65%" height="65%" />
-<img src="./img/19.png" width="65%" height="65%" />
+![](./img/18.png)<!--rehype:style=max-width: 650px;width: 100%;-->
+
+![](./img/19.png)<!--rehype:style=max-width: 650px;width: 100%;-->
 
 > ⚠️ 注意：为更快通过审核图片内容需与APP实际内容相符，且图片同时于 `APP Store应用图片预览` 使用，
 <!--rehype:style=border-left: 8px solid #ffe564;background-color: #ffe56440;padding: 12px 16px;-->
 
 ### `填写版本信息`<!--rehype:style=color: white; background: #1c7bd0;-->
 
-<img src="./img/20.png" width="65%" height="65%" />
+![](./img/20.png)<!--rehype:style=max-width: 650px;width: 100%;-->
 
 > `宣传文本` 及 `描述`且同时于 `APP Store应用详情简介预览` 使用，
 <!--rehype:style=border-left: 8px solid #ffe564;background-color: #ffe56440;padding: 12px 16px;-->
@@ -105,11 +113,11 @@ APP上架前需注册开发者账号，创建 `证书请求文件（CSR文件）
 - 通过Xcode将项目打包上传至APP Store后可选择所需构建版本。
 - 根据提示填写版权。
 
-<img src="./img/21.png" width="65%" height="65%" />
+![](./img/21.png)<!--rehype:style=max-width: 650px;width: 100%;-->
 
 ### `App 审核登录信息`<!--rehype:style=color: white; background: #1c7bd0;-->
 
-<img src="./img/22.png" width="65%" height="65%" />
+![](./img/22.png)<!--rehype:style=max-width: 650px;width: 100%;-->
 
 > ⚠️ 注意：如APP需要登录，必须填写测试账号，否则审核无法通过，
 <!--rehype:style=border-left: 8px solid #ffe564;background-color: #ffe56440;padding: 12px 16px;-->
@@ -118,31 +126,31 @@ APP上架前需注册开发者账号，创建 `证书请求文件（CSR文件）
 
 找到 `App信息` 根据提示填写APP名称及设置年龄分级等。 
 
-<img src="./img/23.png" width="65%" height="65%" />
+![](./img/23.png)<!--rehype:style=max-width: 650px;width: 100%;-->
 
 ### `价格与销售范围`<!--rehype:style=color: white; background: #1c7bd0;-->
 
 找到 `价格与销售范围` 根据提示填写 `价格` 、 `销售范围`等信息。 
 
-<img src="./img/24.png" width="65%" height="65%" />
+![](./img/24.png)<!--rehype:style=max-width: 650px;width: 100%;-->
 
 ### `隐私政策`<!--rehype:style=color: white; background: #1c7bd0;-->
 
 找到 `App 隐私` 填写 `隐私政策网址 (URL)`。 
 
-<img src="./img/25.png" width="65%" height="65%" />
+![](./img/25.png)<!--rehype:style=max-width: 650px;width: 100%;-->
 
 ### `版本发布 `<!--rehype:style=color: white; background: #1c7bd0;-->
 
 选择 `自动发布` 审核通过后，此版本将立即自动发布，也可选择 `手动发布`。 
 
-<img src="./img/26.png" width="65%" height="65%" />
+![](./img/26.png)<!--rehype:style=max-width: 650px;width: 100%;-->
 
 ### `提交审核`<!--rehype:style=color: white; background: #1c7bd0;-->
 
 相关信息填写完成后，即可提交以供审核。 
 
-<img src="./img/27.png" width="65%" height="65%" />
+![](./img/27.png)<!--rehype:style=max-width: 650px;width: 100%;-->
 
 > 🚧  审核通过后，若版本发布为自动发布，APP将自动发布成功，若审核不通过，可点击审批不通过原因，根据审批要求进行相关整改。
 <!--rehype:style=border-left: 8px solid #ffe564;background-color: #ffe56440;padding: 12px 16px;-->