docs: update commitizen cli using AI mode docs

closed #144
Zhengqbbb · Sep 24, 2023 · 4b46790 · 4b46790
1 parent e897d4f
commit 4b46790
Show file tree

Hide file tree

Showing 35 changed files with 734 additions and 264 deletions.
diff --git a/docs/.vitepress/components.d.ts b/docs/.vitepress/components.d.ts
@@ -3,11 +3,9 @@
 // @ts-nocheck
 // Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
-import '@vue/runtime-core'
-
 export {}
 
-declare module '@vue/runtime-core' {
+declare module 'vue' {
   export interface GlobalComponents {
     AdsASide: typeof import('./theme/components/AdsASide.vue')['default']
     Badge: typeof import('./theme/components/Badge.vue')['default']

diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
@@ -8,7 +8,6 @@ import 'uno.css'
 import { createMediumZoomProvider } from './components/composables'
 import Badge from './components/Badge.vue'
 import HomePage from './components/HomePage.vue'
-import AdsASide from './components/AdsASide.vue'
 import CodeGroupItem from './components/CodeGroupItem.vue'
 import { CodeGroup } from './components/CodeGroup'
 
@@ -20,7 +19,6 @@ export default {
   Layout() {
     return h(Theme.Layout, null, {
       'home-features-after': () => h(HomePage),
-      'aside-bottom': () => h(AdsASide),
     })
   },
   enhanceApp({ app, router }: EnhanceAppContext) {

diff --git a/docs/cli/ai.md b/docs/cli/ai.md
@@ -2,7 +2,7 @@
 
 Let the AI generate your **git commit message** subject <sup>(short description)</sup>
 
-![demo-gif](https://user-images.githubusercontent.com/40693636/219867044-3ca9823d-9294-4e02-9a5b-624578844168.gif) <!-- size=686x309 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/219867044-3ca9823d-9294-4e02-9a5b-624578844168.gif) <!-- size=720x309 -->
 
 ## Synopsis
 

diff --git a/docs/cli/alias.md b/docs/cli/alias.md
@@ -1,6 +1,6 @@
 # czg --alias
 
-![demo-gif](https://user-images.githubusercontent.com/40693636/176847992-23cbc56c-5487-4679-a84a-b4fe38a32b34.gif) <!-- size=688x262 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/176847992-23cbc56c-5487-4679-a84a-b4fe38a32b34.gif) <!-- size=720x262 -->
 
 ## Synopsis
 

diff --git a/docs/cli/break.md b/docs/cli/break.md
@@ -1,6 +1,6 @@
 # czg break
 
-![demo-gif](https://user-images.githubusercontent.com/40693636/175755362-2fdeed9e-cf05-4f41-b317-453154a5775c.gif) <!-- size=688x247 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/175755362-2fdeed9e-cf05-4f41-b317-453154a5775c.gif) <!-- size=720x247 -->
 
 ## Synopsis
 

diff --git a/docs/cli/checkbox.md b/docs/cli/checkbox.md
@@ -1,6 +1,6 @@
 # czg checkbox
 
-![demo-gif](https://user-images.githubusercontent.com/40693636/175755496-96da3205-af82-497f-8753-c3afc80dc81a.gif) <!-- size=688x247 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/175755496-96da3205-af82-497f-8753-c3afc80dc81a.gif) <!-- size=720x247 -->
 
 ## Synopsis
 

diff --git a/docs/cli/emoji.md b/docs/cli/emoji.md
@@ -1,6 +1,6 @@
 # czg emoji
 
-![demo-gif](https://user-images.githubusercontent.com/40693636/175755456-8571e18f-9b9e-4f2b-9042-5e9c6a82a2cd.gif) <!-- size=688x247 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/175755456-8571e18f-9b9e-4f2b-9042-5e9c6a82a2cd.gif) <!-- size=720x247 -->
 
 ## Synopsis
 

diff --git a/docs/cli/index.md b/docs/cli/index.md
@@ -30,7 +30,7 @@ description: Interactive Commitizen CLI that generate standardized git commit me
 - 🤗 **Simpler and Faster** : No plugin, No adapter, No extra steps, You can use `npx` | `npm script` | `global install`... quick start CLI in your any project
 - 😎 **Highly Customizable** : Internally contains the core of cz-git. Extend all the features of cz-git. Same behavior, Same configuration loader... You can customize the commit CLI according to your need
 
-![demo-gif](https://user-images.githubusercontent.com/40693636/175753060-cf4f5e48-100d-430a-93e9-31b17f42802f.gif) <!-- size=688x264 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/175753060-cf4f5e48-100d-430a-93e9-31b17f42802f.gif) <!-- size=720x264 -->
 
 ## Quick start
 1. Now try it out, use `npx czg` in **your any projects**

diff --git a/docs/cli/retry.md b/docs/cli/retry.md
@@ -1,6 +1,6 @@
 # czg --retry
 
-![demo-gif](https://user-images.githubusercontent.com/40693636/175755695-89341b7b-4c72-458f-9048-e5a2fa7c8bda.gif) <!-- size=688x264 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/175755695-89341b7b-4c72-458f-9048-e5a2fa7c8bda.gif) <!-- size=720x264 -->
 
 ## Synopsis
 `czg --retry|-r` - Directly retry submit by the last message

diff --git a/docs/guide/introduction.md b/docs/guide/introduction.md
@@ -50,7 +50,7 @@ sitemap:
 
 Support OpenAI, and more engineered, lightweight, customizable, standard output format [commitizen](https://github.com/commitizen/cz-cli) adapter.
 
-![demo-gif](https://user-images.githubusercontent.com/40693636/188255006-b9df9837-4678-4085-9395-e2905d7ec7de.gif) <!-- size=688x226 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/188255006-b9df9837-4678-4085-9395-e2905d7ec7de.gif) <!-- size=720x226 -->
 
 > **What is commitizen**: A Node.js-based `git commit` command-line tool that assists in generating standardized commit messages. <br><br>
 > **What is an adapter**: Replace the **interactive** plugin for the commitizen command line tool.

diff --git a/docs/recipes/alias.md b/docs/recipes/alias.md
@@ -25,7 +25,7 @@ czg --alias=fd
 git czg --alias=fd
 ```
 
-![demo-gif](https://user-images.githubusercontent.com/40693636/176847992-23cbc56c-5487-4679-a84a-b4fe38a32b34.gif) <!-- size=688x263 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/176847992-23cbc56c-5487-4679-a84a-b4fe38a32b34.gif) <!-- size=720x263 -->
 
 ## `commitizen` CLI Usage
 
@@ -35,7 +35,7 @@ cz_alias=fd cz
 cz_alias=fd git cz
 ```
 
-![demo-gif](https://user-images.githubusercontent.com/40693636/176701915-3f57721a-a54b-4e23-8de6-4d205e01ef9f.gif) <!-- size=688x263 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/176701915-3f57721a-a54b-4e23-8de6-4d205e01ef9f.gif) <!-- size=720x263 -->
 
 ::: warning
 Use Commitizen CLI like `cz_alias=fd cz`. The process can't exit after commit. 

diff --git a/docs/recipes/breakingchange.md b/docs/recipes/breakingchange.md
@@ -32,20 +32,20 @@ module.exports = {
 ```
 
 Demo:
-![demo-gif](https://user-images.githubusercontent.com/40693636/175775159-710b69c6-ab55-4957-9195-6f963d95ba2e.gif) <!-- size=688x263 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/175775159-710b69c6-ab55-4957-9195-6f963d95ba2e.gif) <!-- size=720x263 -->
 
 ## Use commitizen CLI + cz-git
 Try running command:
 ```sh
 break=1 cz
 ```
 Demo:
-![demo-gif](https://user-images.githubusercontent.com/40693636/174949733-d5cd7f0d-ac81-40e8-8cb9-158737330d7a.gif) <!-- size=688x265 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/174949733-d5cd7f0d-ac81-40e8-8cb9-158737330d7a.gif) <!-- size=720x265 -->
 
 ## Use cz-git CLI `czg`
 Try running command:
 ```sh
 czg break
 ```
 Demo:
-![demo-gif](https://user-images.githubusercontent.com/40693636/175755362-2fdeed9e-cf05-4f41-b317-453154a5775c.gif) <!-- size=688x248 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/175755362-2fdeed9e-cf05-4f41-b317-453154a5775c.gif) <!-- size=720x248 -->
diff --git a/docs/recipes/default-issues.md b/docs/recipes/default-issues.md
@@ -29,7 +29,7 @@ module.exports = {
 };
 ```
 
-![demo-gif](https://user-images.githubusercontent.com/40693636/162552804-132aab02-4b02-4006-9e41-aeae4f825948.gif) <!-- size=688x265 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/162552804-132aab02-4b02-4006-9e41-aeae4f825948.gif) <!-- size=720x265 -->
 
 
 ::: tip

diff --git a/docs/recipes/default-scope.md b/docs/recipes/default-scope.md
@@ -29,7 +29,7 @@ module.exports = {
 };
 ```
 
-![demo-gif](https://user-images.githubusercontent.com/40693636/172989830-c3e436ad-adab-42f5-973f-b97f33748939.gif) <!-- size=688x248 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/172989830-c3e436ad-adab-42f5-973f-b97f33748939.gif) <!-- size=720x248 -->
 
 <br>
 <br>

diff --git a/docs/recipes/default-subject.md b/docs/recipes/default-subject.md
@@ -36,7 +36,7 @@ module.exports = {
 };
 ```
 
-![demo-gif](https://user-images.githubusercontent.com/40693636/173278720-d93f17ec-ef98-4706-8dec-101d5b68bf08.gif) <!-- size=688x265 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/173278720-d93f17ec-ef98-4706-8dec-101d5b68bf08.gif) <!-- size=720x265 -->
 
 
 <br>

diff --git a/docs/recipes/index.md b/docs/recipes/index.md
@@ -34,7 +34,7 @@ module.exports = {
 }
 ```
 
-![demo-gif](https://user-images.githubusercontent.com/40693636/172984678-b187607e-e67d-43b4-93e5-3d359f5044a9.gif) <!-- size=688x248 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/172984678-b187607e-e67d-43b4-93e5-3d359f5044a9.gif) <!-- size=720x248 -->
 
 
 ## Scopes for business system
@@ -64,7 +64,7 @@ module.exports = {
 }
 ```
 
-![demo-gif](https://user-images.githubusercontent.com/40693636/172988729-b76510d8-108b-4588-a748-86042da3d5ef.gif) <!-- size=688x265 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/172988729-b76510d8-108b-4588-a748-86042da3d5ef.gif) <!-- size=720x265 -->
 
 ## Checkbox mode
 
@@ -85,7 +85,7 @@ module.exports = {
 }
 ```
 
-![demo-gif](https://user-images.githubusercontent.com/40693636/170836009-26331ad3-8e7f-4183-a4af-15372b6420d6.gif) <!-- size=688x263 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/170836009-26331ad3-8e7f-4183-a4af-15372b6420d6.gif) <!-- size=720x263 -->
 
 ## Input mode
 

diff --git a/docs/recipes/openai.md b/docs/recipes/openai.md
@@ -1,7 +1,7 @@
 # OpenAI <Badge type="info" text="GPT 3.5 Turbo Model「default」" />
 Let the AI generate your **git commit message** subject <sup>(short description)</sup>
 
-![demo-gif](https://user-images.githubusercontent.com/40693636/219867044-3ca9823d-9294-4e02-9a5b-624578844168.gif) <!-- size=686x309 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/219867044-3ca9823d-9294-4e02-9a5b-624578844168.gif) <!-- size=720x309 -->
 
 :::::info Have A Try
 You can have a try **without setup your token to local** in any of your projects<br> Quick experience interaction. API Key: https://platform.openai.com/account/api-keys<br>
@@ -157,6 +157,19 @@ bunx czg ai -N=5
 :::
 ::::
 
+## Commitizen CLI + cz-git usage
+
+If you are currently using [Commitizen CLI](https://github.com/commitizen/cz-cli) with the cz-git adapter:
+
+#### There are three ways to configure the OpenAI API Key:
+1. Run `czg` to configure it: `npx czg --api-key=sk-xxxxx`
+2. Pass it as an environment variable and start: `CZ_OPENAI_API_KEY="sk-xxxxx" czai=1 cz`
+3. Configure it in an environment variable in your rc file: Add `export CZ_OPENAI_API_KEY="sk-xxxxx"` to `.zshrc` or `.bashrc`.
+
+#### There are two ways to turn on AI mode:
+1. Pass `czai=1` as an environment variable and start: `czai=1 cz`
+2. Enable AI mode in the [configuration file](/config/engineer#useai): `useAI: true`
+
 ## Configure
 - If you configure `useAI` to true, and you want to **switch to normal mode** not AI prompt mode in this session
   - czg CLI: `czg --no-ai`

diff --git a/docs/zh/cli/ai.md b/docs/zh/cli/ai.md
@@ -2,7 +2,7 @@
 
 让 AI 生成你的 git commit 提交信息简短描述
 
-![demo-gif](https://user-images.githubusercontent.com/40693636/219867044-3ca9823d-9294-4e02-9a5b-624578844168.gif) <!-- size=686x309 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/219867044-3ca9823d-9294-4e02-9a5b-624578844168.gif) <!-- size=720x309 -->
 
 ## 概要
 

diff --git a/docs/zh/cli/alias.md b/docs/zh/cli/alias.md
@@ -1,6 +1,6 @@
 # czg --alias
 
-![demo-gif](https://user-images.githubusercontent.com/40693636/176847992-23cbc56c-5487-4679-a84a-b4fe38a32b34.gif) <!-- size=688x262 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/176847992-23cbc56c-5487-4679-a84a-b4fe38a32b34.gif) <!-- size=720x262 -->
 
 ## 概要
 

diff --git a/docs/zh/cli/break.md b/docs/zh/cli/break.md
@@ -1,6 +1,6 @@
 # czg break
 
-![demo-gif](https://user-images.githubusercontent.com/40693636/175755362-2fdeed9e-cf05-4f41-b317-453154a5775c.gif) <!-- size=688x247 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/175755362-2fdeed9e-cf05-4f41-b317-453154a5775c.gif) <!-- size=720x247 -->
 
 ## 概要
 

diff --git a/docs/zh/cli/checkbox.md b/docs/zh/cli/checkbox.md
@@ -1,6 +1,6 @@
 # czg checkbox
 
-![demo-gif](https://user-images.githubusercontent.com/40693636/175755496-96da3205-af82-497f-8753-c3afc80dc81a.gif) <!-- size=688x247 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/175755496-96da3205-af82-497f-8753-c3afc80dc81a.gif) <!-- size=720x247 -->
 
 ## 概要
 

diff --git a/docs/zh/cli/emoji.md b/docs/zh/cli/emoji.md
@@ -1,6 +1,6 @@
 # czg emoji
 
-![demo-gif](https://user-images.githubusercontent.com/40693636/175755456-8571e18f-9b9e-4f2b-9042-5e9c6a82a2cd.gif) <!-- size=688x247 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/175755456-8571e18f-9b9e-4f2b-9042-5e9c6a82a2cd.gif) <!-- size=720x247 -->
 
 ## 概要
 

diff --git a/docs/zh/cli/index.md b/docs/zh/cli/index.md
@@ -30,7 +30,7 @@ description: 交互式命令行工具 (Commitizen CLI) 生成标准化的 git co
 - 🤗 **简单且快速** : 无需前置配置，无需适配器，没有额外的步骤，你可以使用 `npx` | `npm 脚本` | `全局下载`... 在你的任何项目中快速启动
 - 😎 **高度可定制化** : 内部包含 cz-git 的核心，继承了 cz-git 的所有特性，具有相同的行为，配置加载... 你可以根据自己的需要配置的 CLI 的行为
 
-![demo-gif](https://user-images.githubusercontent.com/40693636/175753060-cf4f5e48-100d-430a-93e9-31b17f42802f.gif) <!-- size=688x264 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/175753060-cf4f5e48-100d-430a-93e9-31b17f42802f.gif) <!-- size=720x264 -->
 
 ## 快速入门
 1. 你在你任何的项目中运行 `npx czg`

diff --git a/docs/zh/cli/retry.md b/docs/zh/cli/retry.md
@@ -1,6 +1,6 @@
 # czg --retry
 
-![demo-gif](https://user-images.githubusercontent.com/40693636/175755695-89341b7b-4c72-458f-9048-e5a2fa7c8bda.gif) <!-- size=688x264 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/175755695-89341b7b-4c72-458f-9048-e5a2fa7c8bda.gif) <!-- size=720x264 -->
 
 ## 概要
 `czg --retry|-r` - 直接尝试提交上一次的 message

diff --git a/docs/zh/guide/introduction.md b/docs/zh/guide/introduction.md
@@ -50,7 +50,7 @@ sitemap:
 
 一款工程性更强，轻量级，高度自定义，标准输出格式的 [commitizen](https://github.com/commitizen/cz-cli) 适配器
 
-![demo-gif](https://user-images.githubusercontent.com/40693636/188255006-b9df9837-4678-4085-9395-e2905d7ec7de.gif) <!-- size=688x226 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/188255006-b9df9837-4678-4085-9395-e2905d7ec7de.gif) <!-- size=720x226 -->
 
 > 什么是commitizen：基于Node.js的 `git commit` 命令行工具，辅助生成标准化规范化的 commit message。<br><br>
 > 什么是适配器：更换 commitizen 命令行工具的 **交互方式** 插件。

diff --git a/docs/zh/recipes/alias.md b/docs/zh/recipes/alias.md
@@ -25,15 +25,15 @@ czg --alias=fd
 git czg --alias=fd
 ```
 
-![demo-gif](https://user-images.githubusercontent.com/40693636/176847992-23cbc56c-5487-4679-a84a-b4fe38a32b34.gif) <!-- size=688x263 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/176847992-23cbc56c-5487-4679-a84a-b4fe38a32b34.gif) <!-- size=720x263 -->
 
 ## 使用 `commitizen` CLI
 
 ```sh
 cz_alias=fd cz
 ```
 
-![demo-gif](https://user-images.githubusercontent.com/40693636/176701915-3f57721a-a54b-4e23-8de6-4d205e01ef9f.gif) <!-- size=688x263 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/176701915-3f57721a-a54b-4e23-8de6-4d205e01ef9f.gif) <!-- size=720x263 -->
 
 ::: warning
 已知问题：使用 Commitizen CLI 像 `cz_alias=fd cz`。commit 成功后会出现进程未退出。是因为 `cz-cli` 没有监听 Node.js `close` 事件，`cz-git` 无法处理。

diff --git a/docs/zh/recipes/breakingchange.md b/docs/zh/recipes/breakingchange.md
@@ -32,20 +32,20 @@ module.exports = {
 ```
 
 示例:
-![demo-gif](https://user-images.githubusercontent.com/40693636/175775159-710b69c6-ab55-4957-9195-6f963d95ba2e.gif) <!-- size=688x263 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/175775159-710b69c6-ab55-4957-9195-6f963d95ba2e.gif) <!-- size=720x263 -->
 
 ## 使用 commitizen CLI + cz-git
 可以尝试运行命令自动添加标识:
 ```sh
 break=1 cz
 ```
 示例:
-![demo-gif](https://user-images.githubusercontent.com/40693636/174949733-d5cd7f0d-ac81-40e8-8cb9-158737330d7a.gif) <!-- size=688x265 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/174949733-d5cd7f0d-ac81-40e8-8cb9-158737330d7a.gif) <!-- size=720x265 -->
 
 ## 使用 cz-git CLI `czg`
 可以尝试运行命令自动添加标识:
 ```sh
 czg break
 ```
 示例:
-![demo-gif](https://user-images.githubusercontent.com/40693636/175755362-2fdeed9e-cf05-4f41-b317-453154a5775c.gif) <!-- size=688x248 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/175755362-2fdeed9e-cf05-4f41-b317-453154a5775c.gif) <!-- size=720x248 -->
diff --git a/docs/zh/recipes/default-issues.md b/docs/zh/recipes/default-issues.md
@@ -28,7 +28,7 @@ module.exports = {
 };
 ```
 
-![demo-gif](https://user-images.githubusercontent.com/40693636/162552804-132aab02-4b02-4006-9e41-aeae4f825948.gif) <!-- size=688x265 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/162552804-132aab02-4b02-4006-9e41-aeae4f825948.gif) <!-- size=720x265 -->
 
 <br>
 <br>

diff --git a/docs/zh/recipes/default-scope.md b/docs/zh/recipes/default-scope.md
@@ -29,7 +29,7 @@ module.exports = {
 };
 ```
 
-![demo-gif](https://user-images.githubusercontent.com/40693636/172989830-c3e436ad-adab-42f5-973f-b97f33748939.gif) <!-- size=688x248 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/172989830-c3e436ad-adab-42f5-973f-b97f33748939.gif) <!-- size=720x248 -->
 
 
 <br>

diff --git a/docs/zh/recipes/default-subject.md b/docs/zh/recipes/default-subject.md
@@ -36,7 +36,7 @@ module.exports = {
 };
 ```
 
-![demo-gif](https://user-images.githubusercontent.com/40693636/173278720-d93f17ec-ef98-4706-8dec-101d5b68bf08.gif) <!-- size=688x265 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/173278720-d93f17ec-ef98-4706-8dec-101d5b68bf08.gif) <!-- size=720x265 -->
 
 
 <br>

diff --git a/docs/zh/recipes/index.md b/docs/zh/recipes/index.md
@@ -34,7 +34,7 @@ module.exports = {
 }
 ```
 
-![demo-gif](https://user-images.githubusercontent.com/40693636/172984678-b187607e-e67d-43b4-93e5-3d359f5044a9.gif) <!-- size=688x248 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/172984678-b187607e-e67d-43b4-93e5-3d359f5044a9.gif) <!-- size=720x248 -->
 
 ## 针对 项目业务 的 scopes
 
@@ -63,7 +63,7 @@ module.exports = {
 }
 ```
 
-![demo-gif](https://user-images.githubusercontent.com/40693636/172988729-b76510d8-108b-4588-a748-86042da3d5ef.gif) <!-- size=688x265 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/172988729-b76510d8-108b-4588-a748-86042da3d5ef.gif) <!-- size=720x265 -->
 
 ## 多选模式
 
@@ -84,7 +84,7 @@ module.exports = {
 }
 ```
 
-![demo-gif](https://user-images.githubusercontent.com/40693636/170836009-26331ad3-8e7f-4183-a4af-15372b6420d6.gif) <!-- size=688x263 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/170836009-26331ad3-8e7f-4183-a4af-15372b6420d6.gif) <!-- size=720x263 -->
 
 ## 输入模式
 

diff --git a/docs/zh/recipes/issue-prefixs.md b/docs/zh/recipes/issue-prefixs.md
@@ -17,7 +17,7 @@ module.exports = {
 }
 ```
 
-![demo-gif](https://user-images.githubusercontent.com/40693636/172990760-f762d329-f710-4560-98fa-c8414d17c9f3.gif) <!-- size=688x264 -->
+![demo-gif](https://user-images.githubusercontent.com/40693636/172990760-f762d329-f710-4560-98fa-c8414d17c9f3.gif) <!-- size=720x264 -->
 
 ::: tip
 如果 `cz-git` 检测到如果 `allowCustomIssuePrefix` 和 `allowEmptyIssuePrefix` 具有非常严格规则(都设置为false)并且 **issuePrefixes 选择列表仅有一项时**，会自动跳过问题并输出