调整图片路径

content/posts/2022/06/如何在Vue3的Store中使用i18n.md

@@ -17,7 +17,7 @@ categories: [ 'skill' ]
 
 几乎都最新版本了
 
-![在这里插入图片描述](/blog/2022/06/img-1.png)
+![在这里插入图片描述](/posts/2022/06/img-1.png)
 
 ## 问题复现
 
@@ -36,37 +36,37 @@ const { t, d, n, locale } = useI18n()
 
 当在创建对应的i18n时，会先将对应的内容进行创建和导出：
 
-![在这里插入图片描述](/blog/2022/06/img-2.png)
+![在这里插入图片描述](/posts/2022/06/img-2.png)
 
 
 在这个文件中创建了i18n，并且对特定的配置项进行了指定，但是导出的这个i18n中有什么？
 
-![在这里插入图片描述](/blog/2022/06/img-3.png)
+![在这里插入图片描述](/posts/2022/06/img-3.png)
 
 
 在配置的文件中已经存在了要使用的方法，也就是导出的：`t`,`d`,`n`等，要使用的方法也在这里面
 
-![在这里插入图片描述](/blog/2022/06/img-4.png)
+![在这里插入图片描述](/posts/2022/06/img-4.png)
 
 
 在这个`global`中存在了对应的全局的方法，不需要通过i18n指定的方法进行引入执行，可以直接使用，所以这个就是要手动引入的内容
 
 ## 解决
 
-![在这里插入图片描述](/blog/2022/06/img-5.png)
+![在这里插入图片描述](/posts/2022/06/img-5.png)
 
 
 使用这种方法问题得到解决，不过在尝试过程中，这种两种方式使用的i18n也是有区别的
 
 在引入的过程中，因为方式不同，所以引入的方法其实也不是同一个
 
-![在这里插入图片描述](/blog/2022/06/img-6.png)
+![在这里插入图片描述](/posts/2022/06/img-6.png)
 
 
 
 不过在对应的注释中也能略微看出二者的区别
 
-![在这里插入图片描述](/blog/2022/06/img-7.png)
+![在这里插入图片描述](/posts/2022/06/img-7.png)
 
 
 使用方法引入的‘t’应当也有特有的内容，这里只进行列举，不继续深入探讨。

content/posts/2022/08/JavaScript和Vue中实现表格(table)固定表头和首列【提供Vue和原生代码】.md

@@ -13,7 +13,7 @@ categories: [ 'skill' ]
 
 实际效果展示：
 
-![在这里插入图片描述](/blog/2022/08/img-1.gif)
+![在这里插入图片描述](/posts/2022/08/img-1.gif)
 
 对于列的固定，`table`中有对应的方法，但是如果列和表头都要固定，只能通过其他方式实现，<span style="color:red;">如果您找到了更好的自身方法，还请斧正</span>
 

content/posts/2022/08/Vue3新属性 — css中使用v-bind（v-bind in css）.md

@@ -188,19 +188,19 @@ categories: [ 'skill' ]
 
   首先是第一种，如果使用的话会直接报错，报错内容为：
 
- ![在这里插入图片描述](/blog/2022/08/img-1.png)
+ ![在这里插入图片描述](/posts/2022/08/img-1.png)
 
   因为`less`的直接报错，导致定义的变量压根就没有被编译出来，从而报错
 
   第二种和第三种错误一样：
 
-![在这里插入图片描述](/blog/2022/08/img-2.png)
+![在这里插入图片描述](/posts/2022/08/img-2.png)
 
 
 
   在这种使用方式中，变量可以正确承接，但是不能完成拼接的操作，导致只有变量而没有单位，并且可以看出最终都被翻译为`var(--变量名)`来执行，所以顺便也对`var()`进行了拼接测试
 
-![在这里插入图片描述](/blog/2022/08/img-3.png)
+![在这里插入图片描述](/posts/2022/08/img-3.png)
 
 
 
@@ -240,18 +240,18 @@ categories: [ 'skill' ]
 
   结果也非常让不出意外的都不行，并且在第二种方式也是直接报错的，在寻找问题的过程中，发现了更加`amazing`的事情：
 
-![在这里插入图片描述](/blog/2022/08/img-4.png)
+![在这里插入图片描述](/posts/2022/08/img-4.png)
 
 
   这个变量压根就没定义，或者说没被识别到，所以重新模仿`Vue`直接定义行内样式，并且使用拼接尝试：
 
-![在这里插入图片描述](/blog/2022/08/img-5.png)
+![在这里插入图片描述](/posts/2022/08/img-5.png)
 
 
 
   这种直接的拼接方式直接将所有内容都进行了拼接，再换一种思路：使用`V-bind`这个V-bind指的是数据的而不是样式：
 
-![在这里插入图片描述](/blog/2022/08/img-6.png)
+![在这里插入图片描述](/posts/2022/08/img-6.png)
 
 
 
@@ -362,14 +362,14 @@ categories: [ 'skill' ]
 
   `v-bind() in css`并没有进行劫持或者其他操作，他主要完成的任务是将`v-bind()`中的内容通过自定义属性的方式进行了重新定义，在编译后代码中可以看到
 
-  ![在这里插入图片描述](/blog/2022/08/img-7.png)
+  ![在这里插入图片描述](/posts/2022/08/img-7.png)
 
 
   所有的数据直接在自定义属性中进行，并且直接对应引用，自定义属性的内容的改变影响视图的效果，从而达到数据影响视图的效果，这个在使用中`less`,`css`中完全没有问题
 
   但是，在`scss`中，因为编译之后`名字无法进行匹配`从而造成样式的丢失
 
-  ![在这里插入图片描述](/blog/2022/08/img-8.png)
+  ![在这里插入图片描述](/posts/2022/08/img-8.png)
 
 
   可以看到，使用的名字和编译的名字并不匹配，从而出错，这个使用时需要注意

content/posts/2024/08/TypeScript 应该被放弃吗.md

@@ -15,10 +15,10 @@ categories: [ 'think' ]
 抛出这个问题主要基于22年和23年发生的一些事件：
 
 
-![image-20240627143223214](/blog/2024/08/10003/up-58c4155f83bbd826f4bb0ec1ab8d1e32ccd-1719469395020-15-1719469397190-17.png)
+![image-20240627143223214](/posts/2024/08/10003/up-58c4155f83bbd826f4bb0ec1ab8d1e32ccd-1719469395020-15-1719469397190-17.png)
 
 
-![image-20240627143223214](/blog/2024/08/10003/eed5a2dd0f71b8b4790a1b20c708416c-1719469475131-21.png)
+![image-20240627143223214](/posts/2024/08/10003/eed5a2dd0f71b8b4790a1b20c708416c-1719469475131-21.png)
 
 并且Svelte 不是第一个放弃 TypeScript 的前端框架。早在 2020 年，Deno 就迁移了一部分內部 TypeScript 代码到 JavaScript，以减少构建时间。
 
@@ -44,13 +44,13 @@ categories: [ 'think' ]
 
 并且对于这篇文章，Reddit的评论区也是活力十足
 
-![image-20240627144850640](/blog/2024/08/10003/image-20240627144850640.png)
+![image-20240627144850640](/posts/2024/08/10003/image-20240627144850640.png)
 
 
 
 并且在知乎对于这个问题的评价更加激进：
 
-![image-20240627143223214](/blog/2024/08/10003/image-20240627143223214.png)
+![image-20240627143223214](/posts/2024/08/10003/image-20240627143223214.png)
 
 以下是文字版本：
 

content/posts/2024/08/Vue还是React.md

@@ -22,17 +22,17 @@ categories: [ 'think' ]
 
 但和国内相悖的是，在`JetBrains`与`StackOverflow`在2023年的数据报告中，在前端方面数据，`Node`和`React`以压倒性优势领先其他语言
 
-![2023 JetBrains开发者调查报告](/blog/2024/08/10003/image-20240626141050935-1719382253511-9.png)
+![2023 JetBrains开发者调查报告](/posts/2024/08/10003/image-20240626141050935-1719382253511-9.png)
 
 
 
-![StackOverflow 2023调查报告](/blog/2024/08/10003/image-20240626141144499.png)
+![StackOverflow 2023调查报告](/posts/2024/08/10003/image-20240626141144499.png)
 
 
 
 2023JavaScript趋势报告：
 
-![image-20240626143412891](/blog/2024/08/10003/image-20240626143412891.png)
+![image-20240626143412891](/posts/2024/08/10003/image-20240626143412891.png)
 
 和国内不同的是，`React`在国外保持着惊人的活力
 
@@ -172,7 +172,7 @@ categories: [ 'think' ]
 > - 如果我们要有一个统治框架，难道我们不希望它没有主见吗？所以 React 真的很好，因为它基本上只是一个带有最小状态管理解决方案的渲染库。有许多其他东西建立在 React 之上，这使得它与其他框架相当。所以即使你考虑元框架，也有很多流行的框架。
 > - 如果你了解 JavaScript，你几乎了解 React 的所有内容。他不会像Angular那样有很多新的“魔法”（这里指的是Angular引入的新的改变增加了学习成本，如管道，过滤器等）
 
-![image-20240627133055166](/blog/2024/08/10003/image-20240627133055166-1719466257222-11.png)
+![image-20240627133055166](/posts/2024/08/10003/image-20240627133055166-1719466257222-11.png)
 
 ##### 观点四：从公司架构思考问题
 

content/posts/2024/08/主流网站主页布局展示内容及渲染方式调研.md

@@ -17,9 +17,9 @@ categories: ["设计"]
 
 <img src="/blog/2024/08/10002/image-20240709144917869.png" alt="/blog/2024/08/10002/image-20240709144917869"  />
 
-![image-20240709145013421](/blog/2024/08/10002/image-20240709145013421.png)
+![image-20240709145013421](/posts/2024/08/10002/image-20240709145013421.png)
 
-![image-20240709145115262](/blog/2024/08/10002/image-20240709145115262.png)
+![image-20240709145115262](/posts/2024/08/10002/image-20240709145115262.png)
 
 
 
@@ -27,33 +27,33 @@ categories: ["设计"]
 
 ## **标签（板块）**
 
-![image-20240709150825480](/blog/2024/08/10002/image-20240709150825480.png)
+![image-20240709150825480](/posts/2024/08/10002/image-20240709150825480.png)
 
-![image-20240709151217902](/blog/2024/08/10002/image-20240709151217902.png)
+![image-20240709151217902](/posts/2024/08/10002/image-20240709151217902.png)
 
-![image-20240709151251709](/blog/2024/08/10002/image-20240709151251709.png)
+![image-20240709151251709](/posts/2024/08/10002/image-20240709151251709.png)
 
-![image-20240709151345083](/blog/2024/08/10002/image-20240709151345083.png)
+![image-20240709151345083](/posts/2024/08/10002/image-20240709151345083.png)
 
-![image-20240709151437319](/blog/2024/08/10002/image-20240709151437319.png)
+![image-20240709151437319](/posts/2024/08/10002/image-20240709151437319.png)
 
-![image-20240709151552809](/blog/2024/08/10002/image-20240709151552809.png)
+![image-20240709151552809](/posts/2024/08/10002/image-20240709151552809.png)
 
-![image-20240709151640633](/blog/2024/08/10002/image-20240709151640633.png)
+![image-20240709151640633](/posts/2024/08/10002/image-20240709151640633.png)
 
-![image-20240709151839807](/blog/2024/08/10002/image-20240709151839807.png)
+![image-20240709151839807](/posts/2024/08/10002/image-20240709151839807.png)
 
-![image-20240709151858347](/blog/2024/08/10002/image-20240709151858347.png)
+![image-20240709151858347](/posts/2024/08/10002/image-20240709151858347.png)
 
-![image-20240709151925258](/blog/2024/08/10002/image-20240709151925258.png)
+![image-20240709151925258](/posts/2024/08/10002/image-20240709151925258.png)
 
-![image-20240709151949506](/blog/2024/08/10002/image-20240709151949506.png)
+![image-20240709151949506](/posts/2024/08/10002/image-20240709151949506.png)
 
-![image-20240709152145202](/blog/2024/08/10002/image-20240709152145202.png)
+![image-20240709152145202](/posts/2024/08/10002/image-20240709152145202.png)
 
-![image-20240709152228527](/blog/2024/08/10002/image-20240709152228527.png)
+![image-20240709152228527](/posts/2024/08/10002/image-20240709152228527.png)
 
-![image-20240709152344199](/blog/2024/08/10002/image-20240709152344199.png)
+![image-20240709152344199](/posts/2024/08/10002/image-20240709152344199.png)
 
 
 
@@ -67,17 +67,17 @@ categories: ["设计"]
 
 
 
-![image-20240709153709220](/blog/2024/08/10002/image-20240709153709220.png)
+![image-20240709153709220](/posts/2024/08/10002/image-20240709153709220.png)
 
-![image-20240709153737574](/blog/2024/08/10002/image-20240709153737574.png)
+![image-20240709153737574](/posts/2024/08/10002/image-20240709153737574.png)
 
-![image-20240709153808702](/blog/2024/08/10002/image-20240709153808702.png)
+![image-20240709153808702](/posts/2024/08/10002/image-20240709153808702.png)
 
-![image-20240709153845136](/blog/2024/08/10002/image-20240709153845136.png)
+![image-20240709153845136](/posts/2024/08/10002/image-20240709153845136.png)
 
-![image-20240709153901153](/blog/2024/08/10002/image-20240709153901153.png)
+![image-20240709153901153](/posts/2024/08/10002/image-20240709153901153.png)
 
-![image-20240709153924475](/blog/2024/08/10002/image-20240709153924475.png)
+![image-20240709153924475](/posts/2024/08/10002/image-20240709153924475.png)
 
 
 
@@ -89,29 +89,29 @@ categories: ["设计"]
 
 ## 排行（热门）
 
-![image-20240709171101927](/blog/2024/08/10002/image-20240709171101927.png)
+![image-20240709171101927](/posts/2024/08/10002/image-20240709171101927.png)
 
 
 
 
 
-![image-20240709171148293](/blog/2024/08/10002/image-20240709171148293.png)
+![image-20240709171148293](/posts/2024/08/10002/image-20240709171148293.png)
 
-![image-20240709171249182](/blog/2024/08/10002/image-20240709171249182.png)
+![image-20240709171249182](/posts/2024/08/10002/image-20240709171249182.png)
 
-![image-20240709171310667](/blog/2024/08/10002/image-20240709171310667.png)
+![image-20240709171310667](/posts/2024/08/10002/image-20240709171310667.png)
 
-![image-20240709171406819](/blog/2024/08/10002/image-20240709171406819.png)
+![image-20240709171406819](/posts/2024/08/10002/image-20240709171406819.png)
 
-![image-20240709171423701](/blog/2024/08/10002/image-20240709171423701.png)
+![image-20240709171423701](/posts/2024/08/10002/image-20240709171423701.png)
 
-![image-20240709171439358](/blog/2024/08/10002/image-20240709171439358.png)
+![image-20240709171439358](/posts/2024/08/10002/image-20240709171439358.png)
 
-![image-20240709171502006](/blog/2024/08/10002/image-20240709171502006.png)
+![image-20240709171502006](/posts/2024/08/10002/image-20240709171502006.png)
 
-![image-20240709171529013](/blog/2024/08/10002/image-20240709171529013.png)
+![image-20240709171529013](/posts/2024/08/10002/image-20240709171529013.png)
 
-![image-20240709171610508](/blog/2024/08/10002/image-20240709171610508.png)
+![image-20240709171610508](/posts/2024/08/10002/image-20240709171610508.png)
 
 
 
@@ -127,11 +127,11 @@ categories: ["设计"]
 
 
 
-![image-20240709172705194](/blog/2024/08/10002/image-20240709172705194.png)
+![image-20240709172705194](/posts/2024/08/10002/image-20240709172705194.png)
 
-![image-20240709172741964](/blog/2024/08/10002/image-20240709172741964.png)
+![image-20240709172741964](/posts/2024/08/10002/image-20240709172741964.png)
 
-![image-20240709182327709](/blog/2024/08/10002/image-20240709182327709.png)
+![image-20240709182327709](/posts/2024/08/10002/image-20240709182327709.png)
 
 
 
@@ -149,19 +149,19 @@ categories: ["设计"]
 
 ### 列表形式
 
-![image-20240709182940316](/blog/2024/08/10002/image-20240709182940316.png)
+![image-20240709182940316](/posts/2024/08/10002/image-20240709182940316.png)
 
-![image-20240709183028747](/blog/2024/08/10002/image-20240709183028747.png)
+![image-20240709183028747](/posts/2024/08/10002/image-20240709183028747.png)
 
-![image-20240709183038648](/blog/2024/08/10002/image-20240709183038648.png)
+![image-20240709183038648](/posts/2024/08/10002/image-20240709183038648.png)
 
-![image-20240709183047905](/blog/2024/08/10002/image-20240709183047905.png)
+![image-20240709183047905](/posts/2024/08/10002/image-20240709183047905.png)
 
-![image-20240709183111554](/blog/2024/08/10002/image-20240709183111554.png)
+![image-20240709183111554](/posts/2024/08/10002/image-20240709183111554.png)
 
-![image-20240709183434347](/blog/2024/08/10002/image-20240709183434347.png)
+![image-20240709183434347](/posts/2024/08/10002/image-20240709183434347.png)
 
-![image-20240709183450074](/blog/2024/08/10002/image-20240709183450074.png)
+![image-20240709183450074](/posts/2024/08/10002/image-20240709183450074.png)
 
 
 
@@ -169,39 +169,39 @@ categories: ["设计"]
 
 
 
-![image-20240709183221209](/blog/2024/08/10002/image-20240709183221209.png)
+![image-20240709183221209](/posts/2024/08/10002/image-20240709183221209.png)
 
 --------
 
-![image-20240709183238714](/blog/2024/08/10002/image-20240709183238714.png)
+![image-20240709183238714](/posts/2024/08/10002/image-20240709183238714.png)
 
-![image-20240709183253255](/blog/2024/08/10002/image-20240709183253255.png)
+![image-20240709183253255](/posts/2024/08/10002/image-20240709183253255.png)
 
-![image-20240709183308255](/blog/2024/08/10002/image-20240709183308255.png)
+![image-20240709183308255](/posts/2024/08/10002/image-20240709183308255.png)
 
-![image-20240709183338467](/blog/2024/08/10002/image-20240709183338467.png)
+![image-20240709183338467](/posts/2024/08/10002/image-20240709183338467.png)
 
-![image-20240709183348910](/blog/2024/08/10002/image-20240709183348910.png)
+![image-20240709183348910](/posts/2024/08/10002/image-20240709183348910.png)
 
 
 
 ### 问答形式
 
-![image-20240709183409479](/blog/2024/08/10002/image-20240709183409479.png)
+![image-20240709183409479](/posts/2024/08/10002/image-20240709183409479.png)
 
 
 
 ### 卡片形式
 
-![image-20240709183321435](/blog/2024/08/10002/image-20240709183321435.png)
+![image-20240709183321435](/posts/2024/08/10002/image-20240709183321435.png)
 
 
 
 ### 预览形式
 
-![image-20240709183144841](/blog/2024/08/10002/image-20240709183144841.png)
+![image-20240709183144841](/posts/2024/08/10002/image-20240709183144841.png)
 
-![image-20240709183507358](/blog/2024/08/10002/image-20240709183507358.png)
+![image-20240709183507358](/posts/2024/08/10002/image-20240709183507358.png)
 
 
 

content/posts/2024/08/登录功能的思考.md

@@ -104,7 +104,7 @@ keywords: ['登录功能']
 9. 客户端收到服务器发送来的密文，用客户端密钥对其进行对称解密，得到服务器发送的数据。这样HTTPS中的第二个HTTP请求结束，整个HTTPS传输完成。
 
 
-![image-20240709145013421](/blog/2024/08/img-1.webp)
+![image-20240709145013421](/posts/2024/08/img-1.webp)
 
 它通过以下方式保证数据的安全性：