chore(ci): blog sync

Author: coderPerseus

data/blog/post-22.mdx

@@ -19,18 +19,17 @@ tags: ["编辑器"]
 ![图2](https://blog-1304565468.cos.ap-shanghai.myqcloud.com/typora/image-20241026213306453.png)
 
 然后我们点击非商业使用就可以啦！
+![图3](https://blog-1304565468.cos.ap-shanghai.myqcloud.com/typora/image-20241026213518679.png)
 
-<img src="https://blog-1304565468.cos.ap-shanghai.myqcloud.com/typora/image-20241026213518679.png" alt="image-20241026213518679" style="zoom:50%;" />
 
 它还贴心的可以导入 vscode 配置，如果你是 vscode 转 webstorm 就可以无痛切换了
+![图4](https://blog-1304565468.cos.ap-shanghai.myqcloud.com/typora/image-20241026213648564.png)
 
-<img src="https://blog-1304565468.cos.ap-shanghai.myqcloud.com/typora/image-20241026213648564.png" alt="image-20241026213648564" style="zoom:50%;" />
 
 下面就进入了真正的首页了，如果你有项目就可以选择打开项目，如果你没有项目，就可以新建一个项目了，它还贴心的为我们准备了项目模板，但是真正开发应该很少会使用 webstorm 自带的模板吧！
 
 ## 了解页面布局
-
-![image-20241026220200528](https://blog-1304565468.cos.ap-shanghai.myqcloud.com/typora/image-20241026220200528.png)
+![图5](https://blog-1304565468.cos.ap-shanghai.myqcloud.com/typora/image-20241026220200528.png)
 
 这里我打开了我的个人 blog 项目，不得不说这个新版的 UI，怎么这么熟悉呢？下面我们依次来看每个块区的作用：
 
@@ -48,7 +47,7 @@ tags: ["编辑器"]
 
 其实我们日常经常使用的还有一个地方就是这里
 
-![image-20241026223942503](https://blog-1304565468.cos.ap-shanghai.myqcloud.com/typora/image-20241026223942503.png)
+![图6](https://blog-1304565468.cos.ap-shanghai.myqcloud.com/typora/image-20241026223942503.png)
 
 我们会使用这里来进行 webstorm 的一些操作，例如新建（打开）项目，
 
@@ -58,7 +57,7 @@ webStorm 内置了一些插件来提高我们的开发效率，例如 prettier
 
 1）主题插件：
 
-我非常喜欢vscode 的 default dark：https://plugins.jetbrains.com/plugin/12255-visual-studio-code-dark-plus-theme，更多请阅读：https://blog.jetbrains.com/webstorm/2022/12/best-webstorm-themes/#visual_studio_code_dark_plus_theme
+我非常喜欢vscode 的 default dark：https://plugins.jetbrains.com/plugin/12255-visual-studio-code-dark-plus-theme ，更多请阅读：https://blog.jetbrains.com/webstorm/2022/12/best-webstorm-themes/#visual_studio_code_dark_plus_theme
 
 2）翻译：