Updated documentation and screenshots, added video tutorials

README.md

@@ -13,7 +13,7 @@
 
 ## Info
 
-`RedFish` is a convenient, cross-platform, data-focused Redis GUI client. I added some (think) fantastic ideas as much as I could, like right-clicking to zoom in on the data and editable features, and taking advice from more senior developers to improve it. Since `Beta 1.0.0`, after several months of intermittent development, many areas have been optimized, and even some functions include different processing methods, which can adapt to different operating habits, hoping to bring a better experience. 😄
+`RedFish` is a convenient, cross-platform, data-focused Redis GUI client. Since `Beta 1.0.0`, after several months of development, many areas have been optimized, and even some functions include different processing methods, which can adapt to different operating habits, hoping to bring a better experience. 
 
 language: [简体中文](https://github.com/Kuari/RedFish/blob/main/README.zh-CN.md) 英文
 
@@ -30,20 +30,25 @@ download: [releases](https://github.com/Kuari/RedFish/releases)
 * JSON auto format
 * JSON viewing and editing
 * key list paging query
-* The key list can be filtered by prefix grouping
+* The key list can be filtered by prefix grouping, support`:`, `-`, `_`, `#`, `=`, `+`
 * The console supports two different modes: single command execution and multi-command execution at the same time
 * Support log function, view execution command log
 * Database monitoring, supports cpu usage, memory usage, number of connected clients, number of clients waiting for blocking commands
 * Graphical operation of publish/subscribe function
 * TLS
 * Dark mode
-* `Command/Ctrl` + `left-click` shortcut copy
-* `Right-click` the data to open the data zoom editor, including text and json modes
 * Multi-language support, support Chinese, English, automatically switch according to the system
 * Automatic update (currently only on mac)
 
 
 
+## HotKey
+
+* **Copy**: `Command/Ctrl` + `left-click` shortcut copy
+* **Data Zoom**: `Right-click` the data to open the data zoom editor, including text and json modes, can be automatically recognized
+
+
+
 ## Screenshot
 
 ![Screenshots](./Screenshots/Screenshots1.png)
@@ -57,9 +62,3 @@ download: [releases](https://github.com/Kuari/RedFish/releases)
 ![Screenshots](./Screenshots/Screenshots5.png)
 
 ![Screenshots](./Screenshots/Screenshots6.png)
-
-![Screenshots](./Screenshots/Screenshots7.png)
-
-![Screenshots](./Screenshots/Screenshots8.png)
-
-![Screenshots](./Screenshots/Screenshots9.png)

README.zh-CN.md

@@ -13,7 +13,7 @@
 
 ## 介绍
 
-`RedFish`是一款便捷、跨平台、专注于数据的Redis GUI客户端。我尽可能地将一些（自认为）奇妙的想法加进去，比如右击放大数据且可编辑功能，也听取了更加资深开发的建议，将其改进。自从`Beta 1.0.0`之后，经过几个月的断断续续的开发，优化了不少地方，甚至有的功能包括不同的处理方式，可以适应不同的操作习惯，希望能够带来更好的体验。😄
+`RedFish`是一款便捷、跨平台、专注于数据的Redis GUI客户端🌈🌈🌈。自从`Beta 1.0.0`之后，经过几个月的开发，优化了不少地方，甚至有的功能包括不同的处理方式，可以适应不同的操作习惯，希望能够带来更好的体验。
 
 语言: 简体中文 [英文](https://github.com/Kuari/RedFish)
 
@@ -30,20 +30,31 @@
 * JSON自动格式化
 * JSON查看和编辑
 * key列表分页查询
-* key列表可以通过前缀分组筛选
+* key列表可以通过前缀分组筛选，支持`:`、`-`、`_`、`#`、`=`、`+`分割
 * console支持两种不同模式：单条命令执行和多命令同时执行
 * 支持日志功能，查看执行命令日志
 * 数据库监控，支持cpu占用率、内存使用量、已连接客户端数、等待阻塞命令客户端数
 * 发布/订阅功能图形化操作
 * TLS
 * 暗黑模式
-* `Command/Ctrl` + `鼠标左击`快捷键复制
-* `鼠标右击`数据，打开数据放大编辑器，包括文本和json两种模式
 * 多语言支持，支持中文、英文，根据系统自动切换
 * 自动更新（目前仅限mac端）
 
 
 
+## 快捷键
+
+* **复制**: `Command/Ctrl` + `鼠标左击`点击数据复制
+* **数据放大编辑**: `鼠标右击`数据，打开Data Zoom，包括文本和json两种模式，可以自动识别
+
+
+
+## 视频教程
+
+* [bilibili](https://www.bilibili.com/video/BV1Wf4y1d7JZ?share_source=copy_web)
+
+
+
 ## 截图
 
 ![Screenshots](./Screenshots/Screenshots1.png)
@@ -56,10 +67,4 @@
 
 ![Screenshots](./Screenshots/Screenshots5.png)
 
-![Screenshots](./Screenshots/Screenshots6.png)
-
-![Screenshots](./Screenshots/Screenshots7.png)
-
-![Screenshots](./Screenshots/Screenshots8.png)
-
-![Screenshots](./Screenshots/Screenshots9.png)
+![Screenshots](./Screenshots/Screenshots6.png)

src/views/videoTutorial/index.vue

@@ -12,12 +12,18 @@ import { useI18n } from 'vue-i18n'
 import { VideoPlay } from '@element-plus/icons-vue'
 import { useStore } from 'vuex'
 import { shell } from 'electron'
+import { ElMessage } from 'element-plus'
 
-const { t } = useI18n()
+const { t, locale } = useI18n()
 const store = useStore()
 
 const jump = () => {
-  shell.openExternal('https://github.com/Kuari/RedFish')
+  console.log(locale.value)
+  if (locale.value === 'zh_CN') {
+    shell.openExternal('https://www.bilibili.com/video/BV1Wf4y1d7JZ?share_source=copy_web')
+  } else {
+    ElMessage({ message: 'Sorry, not online yet', type: 'info' })
+  }
 }
 </script>