feat: 添加codepen

Author: muzhidong

.vitepress/config.mjs

@@ -27,6 +27,7 @@ export default defineConfig({
     socialLinks: [
       { icon: 'github', link: 'https://github.com/muzhidong' },
       { icon: 'npm', link: 'https://www.npmjs.com/~muzhidong' },
+      { icon: 'codepen', link: 'https://codepen.io/muzhidong' },
     ],
     outline: {
       label: '文章导航',

patches/vitepress+1.6.4.patch

@@ -189,15 +189,15 @@ index d88bb6f..b29fc89 100644
          v-else-if="'component' in item"
          :is="item.component"
 diff --git a/node_modules/vitepress/dist/client/theme-default/components/VPSocialLink.vue b/node_modules/vitepress/dist/client/theme-default/components/VPSocialLink.vue
-index 905ec89..c1454a1 100644
+index 905ec89..ab3f2e6 100644
 --- a/node_modules/vitepress/dist/client/theme-default/components/VPSocialLink.vue
 +++ b/node_modules/vitepress/dist/client/theme-default/components/VPSocialLink.vue
 @@ -22,7 +22,7 @@ onMounted(async () => {
    ) {
      span.style.setProperty(
        '--icon',
 -      `url('https://api.iconify.design/simple-icons/${props.icon}.svg')`
-+      ['github', 'npm'].includes(props.icon) ? `url('/icons/${props.icon}.svg')`: `url('https://api.iconify.design/simple-icons/${props.icon}.svg')`
++      ['github', 'npm', 'codepen'].includes(props.icon) ? `url('/icons/${props.icon}.svg')`: `url('https://api.iconify.design/simple-icons/${props.icon}.svg')`
      )
    }
  })