Update images

Author: T-miracle

.vitepress/themeConfig.ts

@@ -8,7 +8,7 @@ export default {
     motto: '用爱学IT，用心写BUG',
     aboutMePath: '',
     backgrounds: [
-        '/bg/wallhaven-jxl3qp.webp'
+        'https://namichong.obs.cn-south-1.myhuaweicloud.com/Blog/background/wallhaven-jxl3qp.webp'
     ],
     // 左上角标题图标
     logo: '/logo-op0.png',

src/nav/classify/css.ts

@@ -57,7 +57,7 @@ export default [
     },
     {
         name: 'PostCSS',
-        icon: '/images/postcss.png',
+        icon: 'https://namichong.obs.cn-south-1.myhuaweicloud.com/Blog/images/postcss.png',
         description: '一个用 JavaScript 工具和插件转换 CSS 代码的工具。',
         type: [ 'CSS' ],
         link: [

src/nav/classify/js.ts

@@ -8,31 +8,31 @@ import WebpackIcon from '@/icon/webpackIcon.vue';
 export default [
     {
         name: 'GSAP',
-        icon: '/images/GSAP.svg',
+        icon: 'https://namichong.obs.cn-south-1.myhuaweicloud.com/Blog/images/GSAP.svg',
         description: 'GSAP 是一个高性能、高度可定制的动画库，用于创建流畅的动画效果。',
         type: [ 'JavaScript' ],
         link: 'https://gsap.com/',
         github: 'https://github.com/greensock/GSAP'
     },
     {
         name: 'Snabbdom',
-        icon: '/images/Snabbdom.png',
+        icon: 'https://namichong.obs.cn-south-1.myhuaweicloud.com/Blog/images/Snabbdom.png',
         description: '一个精简化、模块化、功能强大、性能卓越的虚拟 DOM 库',
         level: -1,
         type: [ 'JavaScript' ],
         github: 'https://github.com/snabbdom/snabbdom'
     },
     {
         name: 'Viewer.js',
-        icon: '/images/github.png',
+        icon: 'https://namichong.obs.cn-south-1.myhuaweicloud.com/Blog/images/github.png',
         description: '极其强大的图片预览JavaScript库',
         type: [ 'JavaScript' ],
         link: 'https://fengyuanchen.github.io/viewerjs/',
         github: 'https://github.com/fengyuanchen/viewerjs'
     },
     {
         name: 'Floating UI',
-        icon: '/images/Floating-UI.ico',
+        icon: 'https://namichong.obs.cn-south-1.myhuaweicloud.com/Blog/images/Floating-UI.ico',
         description: '用于创建浮动元素的底层工具箱，可创建提示气泡、弹出窗口、下拉菜单等',
         type: [ 'JavaScript' ],
         link: 'https://floating-ui.com/',
@@ -67,7 +67,7 @@ export default [
     },
     {
         name: 'Vite',
-        icon: '/images/vite.svg',
+        icon: 'https://namichong.obs.cn-south-1.myhuaweicloud.com/Blog/images/vite.svg',
         description: '一个由原生 ESM 驱动的 Web 开发构建工具',
         type: [ '构建工具' ],
         level: 15,
@@ -103,7 +103,7 @@ export default [
     },
     {
         name: 'Babel',
-        icon: '/images/babel.png',
+        icon: 'https://namichong.obs.cn-south-1.myhuaweicloud.com/Blog/images/babel.png',
         description: '一个 JavaScript 编译器，可将 ECMAScript 2015+ 代码转换为向后兼容的 JavaScript 版本',
         type: [ 'JavaScript' ],
         link: [
@@ -120,7 +120,7 @@ export default [
     },
     {
         name: 'Eslint',
-        icon: '/images/eslint.svg',
+        icon: 'https://namichong.obs.cn-south-1.myhuaweicloud.com/Blog/images/eslint.svg',
         description: '一个插件化的 JavaScript 代码检测工具，可帮助你查找和修复 JavaScript 代码中的问题。',
         type: [ 'JavaScript' ],
         level: 10,
@@ -138,7 +138,7 @@ export default [
     },
     {
         name: 'Terser',
-        icon: '/images/terser-logo.svg',
+        icon: 'https://namichong.obs.cn-south-1.myhuaweicloud.com/Blog/images/terser-logo.svg',
         description: 'JavaScript 解析器、混淆器和压缩工具包，适用于 ES6+',
         type: [ 'JavaScript' ],
         link: 'https://terser.org/',
@@ -190,23 +190,23 @@ export default [
     },
     {
         name: 'Swiper',
-        icon: '/images/swiper-logo.svg',
+        icon: 'https://namichong.obs.cn-south-1.myhuaweicloud.com/Blog/images/swiper-logo.svg',
         description: '这可能是最全能的移动端轮播图实现，当然 Web 端也可以使用',
         type: [ 'JavaScript' ],
         link: 'https://swiperjs.com/',
         github: 'https://github.com/nolimits4web/swiper'
     },
     {
         name: 'VTable 方格艺术家',
-        icon: '/images/visactor.png',
+        icon: 'https://namichong.obs.cn-south-1.myhuaweicloud.com/Blog/images/visactor.png',
         description: 'VTable，不只是一款高性能的多维数据分析表格，更是一个在行列间创作的方格艺术家。',
         type: [ 'JavaScript' ],
         link: 'https://visactor.io/',
         github: 'https://github.com/VisActor/VTable'
     },
     {
         name: 'OverlayScrollbars',
-        icon: '/images/OverlayScrollbars.png',
+        icon: 'https://namichong.obs.cn-south-1.myhuaweicloud.com/Blog/images/OverlayScrollbars.png',
         description: '一个滚动条插件，隐藏本机滚动条，提供自定义样式的覆盖滚动条，并保留本机功能和感觉。',
         type: [ 'JavaScript' ],
         link: 'https://visactor.io/',
@@ -222,23 +222,23 @@ export default [
     },
     {
         name: 'Lit',
-        icon: '/images/lit.png',
+        icon: 'https://namichong.obs.cn-south-1.myhuaweicloud.com/Blog/images/lit.png',
         description: 'Lit 是一个简单的库，用于构建快速、轻量级的web组件。',
         type: [ 'JavaScript' ],
         link: 'https://lit.dev/',
         github: 'https://github.com/lit/lit/'
     },
     {
         name: 'NPM',
-        icon: '/images/NPM.png',
+        icon: 'https://namichong.obs.cn-south-1.myhuaweicloud.com/Blog/images/NPM.png',
         description: '一个 JavaScript 包管理工具，也是 Node.js 的默认包管理器。 NPM 允许开发者轻松地下载、安装、共享、管理项目的依赖库和工具。',
         type: [ 'JavaScript', 'NodeJs' ],
         level: 40,
         link: 'https://www.npmjs.com/'
     },
     {
         name: 'Excalidraw',
-        icon: '/images/Excalidraw.png',
+        icon: 'https://namichong.obs.cn-south-1.myhuaweicloud.com/Blog/images/Excalidraw.png',
         description: '一个开源的虚拟手绘风格白板。支持协作并且端到端加密。',
         type: [ '工具', 'JavaScript' ],
         level: 79,
@@ -247,7 +247,7 @@ export default [
     },
     {
         name: 'PromiseMirror',
-        icon: '/images/ProseMirror.svg',
+        icon: 'https://namichong.obs.cn-south-1.myhuaweicloud.com/Blog/images/ProseMirror.svg',
         description: '一个基于TypeScript的高度自定义构建富文本编辑器的框架',
         type: [ 'TypeScript', '框架' ],
         link: 'https://prosemirror.net/',

src/nav/classify/other.ts

@@ -45,7 +45,7 @@ export default [
     },
     {
         name: 'PlantUML',
-        icon: '/images/plantuml.png',
+        icon: 'https://namichong.obs.cn-south-1.myhuaweicloud.com/Blog/images/plantuml.png',
         description: 'PlantUML是一个通用性很强的工具，可以快速、直接地创建各种图表。',
         type: [ 'UML' ],
         level: 33,

src/nav/classify/rust.ts

@@ -14,15 +14,15 @@ export default [
     },
     {
         name: 'Rust 圣经',
-        icon: '/images/rust.jpg',
+        icon: 'https://namichong.obs.cn-south-1.myhuaweicloud.com/Blog/images/rust.jpg',
         description: '这可能是最好的 Rust 教程',
         type: [ 'Rust' ],
         level: 80,
         link: 'https://course.rs/about-book.html'
     },
     {
         name: 'Dioxus',
-        icon: '/images/dioxus.png',
+        icon: 'https://namichong.obs.cn-south-1.myhuaweicloud.com/Blog/images/dioxus.png',
         description: '使用单个代码库构建 Web、桌面和移动应用，以及更多。零配置启动、集成的热重载和基于信号的状态管理。' +
             '使用服务器功能添加后端功能，并使用我们的 CLI 进行捆绑。',
         type: [ 'Rust', '框架' ],

src/nav/classify/tool.ts

@@ -3,7 +3,7 @@ import { Project } from '../type';
 export default [
     {
         name: 'ChatGPT',
-        icon: '/images/chatgpt.png',
+        icon: 'https://namichong.obs.cn-south-1.myhuaweicloud.com/Blog/images/chatgpt.png',
         description: '随机图片链接生成',
         type: [ '工具', 'AI' ],
         level: 99,

src/nav/classify/vue.ts

@@ -25,7 +25,7 @@ export default [
     },
     {
         name: 'VueUse',
-        icon: '/images/VueUse.svg',
+        icon: 'https://namichong.obs.cn-south-1.myhuaweicloud.com/Blog/images/VueUse.svg',
         description: 'Vue 2 和 3 的基本Vue组合实用程序集合',
         type: [ 'Vue2', 'Vue3' ],
         level: 50,
@@ -98,7 +98,7 @@ export default [
     },
     {
         name: 'Pinia',
-        icon: '/images/pinia.png',
+        icon: 'https://namichong.obs.cn-south-1.myhuaweicloud.com/Blog/images/pinia.png',
         description: '用于 Vue3 的符合直觉的 Vue.js 状态管理库。',
         type: [ 'Vue3', '框架' ],
         level: 50,