feat: 使用Next.js的Image组件替换部分文档中的图片链接

Author: PaloMiku

content/docs/themes/shiro/deploy.mdx

@@ -5,6 +5,7 @@ icon: Hammer
 ---
 
 import { ToGitHub } from 'app/components/ToGitHub'
+import Image from 'next/image'
 
 <ToGitHub repo="Innei/Shiro" />
 
@@ -156,8 +157,8 @@ export function FAQBox({ title, children }) {
     },
 
     "bg": [
-      "https://github.com/Innei/static/blob/master/images/F0q8mwwaIAEtird.jpeg?raw=true",
-      "https://github.com/Innei/static/blob/master/images/IMG_2111.jpeg.webp.jpg?raw=true"
+      "/static/images/F0q8mwwaIAEtird.jpeg",
+      "/static/images/IMG_2111.jpeg.webp.jpg"
     ],
     "custom": {
       "css": [],
@@ -217,8 +218,8 @@ export function FAQBox({ title, children }) {
         "enable": true,
         "link": "https://afdian.net/@Innei",
         "qrcode": [
-          "https://cdn.jsdelivr.net/gh/Innei/img-bed@master/20191211132347.png",
-          "https://cdn.innei.ren/bed/2023/0424213144.png"
+          "/static/images/20191211132347.png",
+          "/static/images/0424213144.png"
         ]
       },
       "bilibili": {
@@ -314,7 +315,12 @@ import { Accordion, Accordions } from 'fumadocs-ui/components/accordion';
 
 使用 Vercel 托管的话，只需要在自己 Fork 的项目上 Sync Fork 即可（如图）。如果自己有魔改某些内容的话不要点击 Discard Changes，会把自己的魔改搞没了。
 
-![GitPull](https://pic.vinua.cn/s/20/mx-space-docs/images/0.png)
+<Image 
+  src="https://pan.vinua.cn/f/GRefM/0.png" 
+  alt="GitPull" 
+  width={800} 
+  height={600} 
+/>
 
 </Accordion>
 

content/docs/usage/search.mdx

@@ -3,6 +3,8 @@ title: Algolia Search
 description: 使用 Algolia 搜索
 ---
 
+import Image from 'next/image';
+
 ## 介绍
 
 Algolia 是一个数据库实时搜索服务，能够提供毫秒级的数据库搜索服务，并且其服务能以 API 的形式方便地布局到网页、客户端、APP 等多种场景。
@@ -19,25 +21,67 @@ Algolia 是一个数据库实时搜索服务，能够提供毫秒级的数据库
 
 一些额外说明的地方都在图片上标注了，可参考下面的图片。
 
-
+<Image 
+  src="https://pan.vinua.cn/f/XL2Uv/5a93eadc694a7b7cb2898c63a6ebcf88.png" 
+  alt="新建应用步骤1" 
+  width={800} 
+  height={600} 
+/>
+
+<Image 
+  src="https://pan.vinua.cn/f/xnosz/0d41807b6594531b77163951f7092150.png" 
+  alt="新建应用步骤2" 
+  width={800} 
+  height={600} 
+/>
+
+<Image 
+  src="https://pan.vinua.cn/f/Emph7/097d062c7ebe6e322be260e3862e7762.png" 
+  alt="新建应用步骤3" 
+  width={800} 
+  height={600} 
+/>
+
+<Image 
+  src="https://pan.vinua.cn/f/bNEHK/47fcfe70a3b81e8eca2ad96e2aeae17c.png" 
+  alt="新建应用步骤4" 
+  width={800} 
+  height={600} 
+/>
 
 ### 创建索引（Index）
 
 在新建应用之后，你会直接跳转到如下图所示的界面，只需要在输入框中输入一个索引名称，点击 `Create Index`，即可创建一个索引。
 
 请记住你所创建的索引名称（Index Name），后面的步骤会用到。
 
-
+<Image 
+  src="https://pan.vinua.cn/f/BEdhW/fbf020ae604f07e7d1ed7894c6dec35e.png" 
+  alt="创建索引" 
+  width={800} 
+  height={600} 
+/>
 
 ### 获取相关变量
 
 接下来，在左下角找到齿轮图标，进入设置，在右侧找到 `API Keys`，进入，这里有两个变量需要复制下来备用，分别是 `Application ID` 和 `Admin API Key`，请复制下这两个变量的值，后面的步骤会用到。
 
+<Image 
+  src="https://pan.vinua.cn/f/Np6hO/ab5bdbb18af590cb3aeacba7b5861ce6.png" 
+  alt="获取相关变量" 
+  width={800} 
+  height={600} 
+/>
 
 ### 后台配置
 
 进入后台，设定->系统->Algolia Search，将“开启 Algolia Search”开关打开，将前面准备的 `IndexName`、`Application ID（AppID）` 和 `Admin API Key（ApiKey）` 填入对应的框中，右上角保存即可。
 
+<Image 
+  src="https://pan.vinua.cn/f/DeGsA/3331ccce7fe57e4bfd87217998223f30.png" 
+  alt="后台配置" 
+  width={800} 
+  height={600} 
+/>
 
-
-至此，Algolia 搜索的配置就完成了。稍等一会，就可以尝试在主页用 `Ctrl + K` 调用 Algolia 进行站内搜索了。
+至此，Algolia 搜索的配置就完成了。稍等一会，就可以尝试在主页用 `Ctrl + K` 调用 Algolia* 进行站内搜索了。*