增加github代理快捷方式

src/components/DevShortCuts.astro

@@ -0,0 +1,102 @@
+---
+import { DEV_LINKS, getDevLinkHref } from '@/consts'
+import { Icon } from 'astro-icon/components'
+import Link from './Link.astro'
+
+
+// interface ShortCutProps {
+//   href: string | undefined
+//   title: string
+//   ariaLabel: string
+//   icon: string
+// }
+
+// const SHORT_CUTS: ShortCutProps[] = [
+//   {
+//     href: getDevLinkHref('Gitea'),
+//     title: "代码仓库",
+//     ariaLabel: "代码仓库",
+//     icon: "mdi:git"
+//   },
+//   {
+//     href: getDevLinkHref('Nexus'),
+//     title: "Maven仓库",
+//     ariaLabel: "Maven仓库",
+//     icon: "mdi:chart-doughnut-variant"
+//   },
+//   {
+//     href: getDevLinkHref('Bytebase'),
+//     title: "数据库管理",
+//     ariaLabel: "数据库管理",
+//     icon: "mdi:database-cog"
+//   },
+//   {
+//     href: getDevLinkHref('Zfile'),
+//     title: "网盘",
+//     ariaLabel: "网盘",
+//     icon: "mdi:cloud-arrow-up"
+//   },
+//   {
+//     href: getDevLinkHref('FileServer'),
+//     title: "文件服务器",
+//     ariaLabel: "文件服务器",
+//     icon: "mdi:file-arrow-up-down-outline"
+//   },
+//   {
+//     href: getDevLinkHref('immich'),
+//     title: "相册",
+//     ariaLabel: "相册",
+//     icon: "mdi:camera"
+//   },
+//   {
+//     href: getDevLinkHref('Emby'),
+//     title: "Emby",
+//     ariaLabel: "Emby",
+//     icon: "mdi:emby"
+//   },
+//   {
+//     href: getDevLinkHref('Emby'),
+//     title: "Emby",
+//     ariaLabel: "Emby",
+//     icon: "mdi:emby"
+//   }
+// ]
+const SHORTS_CUTS_CLASS_NAMES: string[] = [
+  'z-10 max-w max-h mt-[2.6em] inline-block sm:mt-[2.35em]',
+  'z-10 max-w max-h ml-[0.1em] mt-[-3.7em] inline-block sm:ml-[0em] sm:mt-[-3.4em]',
+  'z-10 max-w max-h ml-[-0.1em] mt-[2.5em] inline-block sm:ml-[0em] sm:mt-[2.5em]',
+  'z-10 max-w max-h mt-[-4em] inline-block sm:mt-[-3em]',
+  'z-10 max-w max-h mt-[0.1em] inline-block sm:mt-[0.6em]',
+  'z-10 max-w max-h ml-[0.1em] mt-[-6.5em] inline-block sm:ml-[0em] sm:mt-[-5.3em]',
+  'z-10 max-w max-h mt-[0.2em] inline-block sm:mt-[0.6em]',
+  'z-10 max-w max-h mt-[-6.5em] inline-block sm:mt-[-5.3em]',
+  'z-10 max-w max-h mt-[1.49em] inline-block sm:mt-[1em]',
+  'z-10 max-w max-h mt-[-5.2em] inline-block sm:mt-[-4.3em]'
+]
+
+---
+{
+  DEV_LINKS.map((item, index) => (
+    <div
+      class={SHORTS_CUTS_CLASS_NAMES[index]}
+    >
+      <Link
+        href={item.href} || '#'}
+        title={item.title}
+        aria-label={item.label}
+        target="_blank"
+      >
+        <div
+          class="bottom-0 right-0 w-fit items-end rounded-full border bg-secondary/50 p-3 text-primary transition-all duration-300 hover:rotate-12 hover:ring-1 hover:ring-primary"
+        >
+          <Icon
+            style="color: rgb(233, 211, 182);"
+            name={item.icon}
+            class="z-[1] size-1/2 size-8 text-primary sm:size-8"
+            aria-hidden="true"
+          />
+        </div>
+      </Link>
+    </div>
+  ))
+}

src/consts.ts

@@ -93,4 +93,17 @@ export const DEV_LINKS: DevLink[] = [
     title: '媒体订阅工具',
     icon: 'mdi:fruit-cherries',
   },
+  {
+    href: 'https://g.2ha.me',
+    label: 'GHProxy',
+    title: 'GitHub代理',
+    icon: 'mdi:rocket-launch-outline',
+  },
 ]
+
+export const getDevLinkHref = (label: string): string => {
+  return DEV_LINKS.find((link) => link.label === label)?.href || '#'
+}
+export const getDevLink = (label: string): DevLink | undefined => {
+  return DEV_LINKS.find((link) => link.label === label)
+}

src/pages/index.astro

@@ -13,6 +13,7 @@ import { getCollection } from 'astro:content'
 import GiteaCalendar from '@/components/custom/GiteaCalendar'
 import Music163Player from '@/components/custom/Music163Player'
 import RandomAnimeBackground from '@/components/custom/RandomAnimeBackgrounds'
+import DevShortCuts from '@/components/DevShortCuts.astro'
 
 const latestPost = await getCollection('blog').then((posts: any[]) =>
   posts
@@ -41,7 +42,7 @@ const latestPost = await getCollection('blog').then((posts: any[]) =>
 
     <div
       class="has-overlay relative grid aspect-square grid-cols-4 grid-rows-3 items-center
-      justify-center bg-[url('/static/honeycomb.webp')] [grid-area:b]"
+      justify-center bg-[url('/static/honeycomb.webp')] [grid-area:b] short-cuts-template"
       style="grid-template-columns: 2.85fr 2.95fr 2.9fr 1.3fr;grid-template-rows: 4.7fr 3.4fr 2.8fr;"
       aria-label="Developer Stack Shortcuts"
     >
@@ -50,7 +51,7 @@ const latestPost = await getCollection('blog').then((posts: any[]) =>
         src="/static/images/shortcuts-bg.png"
       />
       <!-- <DevStackIconsCloud client:load/> -->
-      <ShortCuts />
+      <DevShortCuts />
     </div>
 
     <div class="aspect-[1/2.1] [grid-area:c] bg-[url('/static/images/ump45.png')] xl:aspect-auto bg-color" aria-hidden="true">