mirror of
https://github.com/KazooTTT/kazoottt-blog.git
synced 2025-06-22 10:11:30 +08:00
fix: client load
This commit is contained in:
KazooTTT
@ -1,34 +1,28 @@
|
||||
'use client'
|
||||
|
||||
import React from 'react'
|
||||
import Giscus from '@giscus/react'
|
||||
|
||||
const id = 'inject-comments'
|
||||
|
||||
const GiscusComment = () => {
|
||||
const [mounted, setMounted] = React.useState(false)
|
||||
|
||||
React.useEffect(() => {
|
||||
setMounted(true)
|
||||
}, [])
|
||||
|
||||
return (
|
||||
<div id={id} className='mt-8 w-full'>
|
||||
{mounted ? (
|
||||
<Giscus
|
||||
id={id}
|
||||
repo='KazooTTT/kazoottt-blog'
|
||||
repoId='R_kgDOMa4jRQ'
|
||||
category='Announcements'
|
||||
categoryId='DIC_kwDOMa4jRc4CjRFe'
|
||||
mapping='pathname'
|
||||
strict='0'
|
||||
reactionsEnabled='1'
|
||||
emitMetadata='0'
|
||||
inputPosition='bottom'
|
||||
theme={localStorage.getItem('theme') ?? 'preferred_color_scheme'}
|
||||
lang='zh-CN'
|
||||
loading='lazy'
|
||||
/>
|
||||
) : null}
|
||||
<Giscus
|
||||
id={id}
|
||||
repo='KazooTTT/kazoottt-blog'
|
||||
repoId='R_kgDOMa4jRQ'
|
||||
category='Announcements'
|
||||
categoryId='DIC_kwDOMa4jRc4CjRFe'
|
||||
mapping='pathname'
|
||||
strict='0'
|
||||
reactionsEnabled='1'
|
||||
emitMetadata='0'
|
||||
inputPosition='bottom'
|
||||
theme={localStorage.getItem('theme') ?? 'preferred_color_scheme'}
|
||||
lang='zh-CN'
|
||||
loading='lazy'
|
||||
/>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
@ -23,5 +23,5 @@ const { Content } = await entry.render()
|
||||
|
||||
<PostLayout post={entry}>
|
||||
<Content />
|
||||
<GiscusComment client:only='react' />
|
||||
<GiscusComment client:only='react' client:load />
|
||||
</PostLayout>
|
||||
|
||||
@ -211,5 +211,5 @@ const projects = [...directProjects, ...mdProjects].slice(0, MAX_PROJECTS)
|
||||
</div>
|
||||
</Section>
|
||||
</div>
|
||||
<GiscusComment client:only='react' />
|
||||
<GiscusComment client:only='react' client:load />
|
||||
</PageLayout>
|
||||
|
||||
@ -5,414 +5,408 @@ import Button from '@/components/Button.astro'
|
||||
import GiscusComment from '@/components/GiscusComment'
|
||||
|
||||
const SOFTWARE_TOOLS = {
|
||||
development: {
|
||||
title: 'Development',
|
||||
sections: {
|
||||
ide: {
|
||||
title: 'IDE & Editors',
|
||||
tools: [
|
||||
{
|
||||
name: 'WindSurf',
|
||||
description: 'AI-Powered IDE',
|
||||
href: 'https://windsurf.app/',
|
||||
},
|
||||
{
|
||||
name: 'Cursor',
|
||||
description: 'AI-Powered Code Editor',
|
||||
href: 'https://cursor.sh/',
|
||||
iconPath: 'cursor'
|
||||
},
|
||||
{
|
||||
name: 'VS Code',
|
||||
description: 'Code Editor',
|
||||
href: 'https://code.visualstudio.com/',
|
||||
iconPath: 'vscode'
|
||||
},
|
||||
{
|
||||
name: 'JetBrains Suite',
|
||||
description: 'Professional IDEs',
|
||||
href: 'https://www.jetbrains.com/'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
design: {
|
||||
title: 'Design & Creative',
|
||||
sections: {
|
||||
design: {
|
||||
title: 'Design Software',
|
||||
tools: [
|
||||
{
|
||||
name: 'Figma',
|
||||
description: 'Design Tool',
|
||||
href: 'https://www.figma.com/',
|
||||
iconPath: 'figma'
|
||||
},
|
||||
{
|
||||
name: 'Canva',
|
||||
description: 'Design Tool',
|
||||
href: 'https://www.canva.com/',
|
||||
iconPath: 'canva'
|
||||
}
|
||||
]
|
||||
},
|
||||
recording: {
|
||||
title: 'Screen Recording & Screenshots',
|
||||
tools: [
|
||||
{
|
||||
name: 'CleanShot X',
|
||||
description: 'Screenshot & Recording',
|
||||
href: 'https://cleanshot.com/'
|
||||
},
|
||||
{
|
||||
name: 'OBS Studio',
|
||||
description: 'Streaming & Recording',
|
||||
href: 'https://obsproject.com/'
|
||||
},
|
||||
{
|
||||
name: 'Picsew',
|
||||
description: 'Screenshot Tool',
|
||||
href: 'https://apps.apple.com/app/picsew-screenshot-stitching/id1208145167'
|
||||
},
|
||||
{
|
||||
name: 'Shotr',
|
||||
description: 'Screenshot Tool',
|
||||
href: 'https://shotr.app/'
|
||||
},
|
||||
{
|
||||
name: 'QuickRecorder',
|
||||
description: 'Screen Recording',
|
||||
href: '#'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
productivity: {
|
||||
title: 'Productivity',
|
||||
sections: {
|
||||
browser: {
|
||||
title: 'Browsers',
|
||||
tools: [
|
||||
{
|
||||
name: 'Arc Browser',
|
||||
description: 'Modern Browser',
|
||||
href: 'https://arc.net/',
|
||||
iconPath: 'arc'
|
||||
},
|
||||
{
|
||||
name: 'Google Chrome',
|
||||
description: 'Web Browser',
|
||||
href: 'https://www.google.com/chrome/'
|
||||
},
|
||||
{
|
||||
name: 'Microsoft Edge',
|
||||
description: 'Web Browser',
|
||||
href: 'https://www.microsoft.com/edge'
|
||||
}
|
||||
]
|
||||
},
|
||||
notes: {
|
||||
title: 'Note Taking',
|
||||
tools: [
|
||||
{
|
||||
name: 'Obsidian',
|
||||
description: 'Note Taking',
|
||||
href: 'https://obsidian.md/',
|
||||
iconPath: 'obsidian'
|
||||
},
|
||||
{
|
||||
name: 'Notion',
|
||||
description: 'Note Taking',
|
||||
href: 'https://notion.so/',
|
||||
iconPath: 'notion'
|
||||
},
|
||||
{
|
||||
name: 'Flomo',
|
||||
description: 'Quick Notes',
|
||||
href: 'https://flomoapp.com/'
|
||||
}
|
||||
]
|
||||
},
|
||||
tools: {
|
||||
title: 'Productivity Tools',
|
||||
tools: [
|
||||
{
|
||||
name: '1Password',
|
||||
description: 'Password Manager',
|
||||
href: 'https://1password.com/'
|
||||
},
|
||||
{
|
||||
name: 'Raindrop.io',
|
||||
description: 'Bookmark Manager',
|
||||
href: 'https://raindrop.io/'
|
||||
},
|
||||
{
|
||||
name: 'n8n',
|
||||
description: 'Workflow Automation',
|
||||
href: 'https://n8n.io/'
|
||||
},
|
||||
{
|
||||
name: 'Follow',
|
||||
description: 'RSS Reader',
|
||||
href: '#'
|
||||
},
|
||||
{
|
||||
name: '滴答清单',
|
||||
description: 'Task Management',
|
||||
href: 'https://dida365.com/'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
ai: {
|
||||
title: 'AI Tools',
|
||||
sections: {
|
||||
assistants: {
|
||||
title: 'AI Assistants',
|
||||
tools: [
|
||||
{
|
||||
name: 'ChatGPT',
|
||||
description: 'AI Assistant',
|
||||
href: 'https://chat.openai.com/',
|
||||
iconPath: 'chatgpt'
|
||||
},
|
||||
{
|
||||
name: 'Claude',
|
||||
description: 'AI Assistant',
|
||||
href: 'https://claude.ai/'
|
||||
},
|
||||
{
|
||||
name: 'Poe',
|
||||
description: 'AI Platform',
|
||||
href: 'https://poe.com/'
|
||||
},
|
||||
{
|
||||
name: 'Google Notebook LLM',
|
||||
description: 'AI Assistant',
|
||||
href: 'https://notebooklm.google.com/'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
media: {
|
||||
title: 'Media & Entertainment',
|
||||
sections: {
|
||||
music: {
|
||||
title: 'Music',
|
||||
tools: [
|
||||
{
|
||||
name: 'Apple Music',
|
||||
description: 'Music Streaming',
|
||||
href: 'https://music.apple.com/'
|
||||
},
|
||||
{
|
||||
name: '网易云音乐',
|
||||
description: 'Music Platform',
|
||||
href: 'https://music.163.com/'
|
||||
}
|
||||
]
|
||||
},
|
||||
reading: {
|
||||
title: 'Reading & Writing',
|
||||
tools: [
|
||||
{
|
||||
name: '微信读书',
|
||||
description: 'Reading Platform',
|
||||
href: 'https://weread.qq.com/'
|
||||
},
|
||||
{
|
||||
name: 'Personal Blog',
|
||||
description: 'Built with Astro',
|
||||
href: '/'
|
||||
},
|
||||
{
|
||||
name: 'Hashnode',
|
||||
description: 'Blog Platform',
|
||||
href: 'https://hashnode.com/'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
health: {
|
||||
title: 'Health & Fitness',
|
||||
sections: {
|
||||
tracking: {
|
||||
title: 'Health Tracking',
|
||||
tools: [
|
||||
{
|
||||
name: 'AutoSleep',
|
||||
description: 'Sleep Tracking',
|
||||
href: 'https://autosleep.app/'
|
||||
},
|
||||
{
|
||||
name: 'Grow',
|
||||
description: 'Health Tracking',
|
||||
href: '#'
|
||||
},
|
||||
{
|
||||
name: 'Keep',
|
||||
description: 'Fitness App',
|
||||
href: 'https://www.gotokeep.com/'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
development: {
|
||||
title: 'Development',
|
||||
sections: {
|
||||
ide: {
|
||||
title: 'IDE & Editors',
|
||||
tools: [
|
||||
{
|
||||
name: 'WindSurf',
|
||||
description: 'AI-Powered IDE',
|
||||
href: 'https://windsurf.app/'
|
||||
},
|
||||
{
|
||||
name: 'Cursor',
|
||||
description: 'AI-Powered Code Editor',
|
||||
href: 'https://cursor.sh/',
|
||||
iconPath: 'cursor'
|
||||
},
|
||||
{
|
||||
name: 'VS Code',
|
||||
description: 'Code Editor',
|
||||
href: 'https://code.visualstudio.com/',
|
||||
iconPath: 'vscode'
|
||||
},
|
||||
{
|
||||
name: 'JetBrains Suite',
|
||||
description: 'Professional IDEs',
|
||||
href: 'https://www.jetbrains.com/'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
design: {
|
||||
title: 'Design & Creative',
|
||||
sections: {
|
||||
design: {
|
||||
title: 'Design Software',
|
||||
tools: [
|
||||
{
|
||||
name: 'Figma',
|
||||
description: 'Design Tool',
|
||||
href: 'https://www.figma.com/',
|
||||
iconPath: 'figma'
|
||||
},
|
||||
{
|
||||
name: 'Canva',
|
||||
description: 'Design Tool',
|
||||
href: 'https://www.canva.com/',
|
||||
iconPath: 'canva'
|
||||
}
|
||||
]
|
||||
},
|
||||
recording: {
|
||||
title: 'Screen Recording & Screenshots',
|
||||
tools: [
|
||||
{
|
||||
name: 'CleanShot X',
|
||||
description: 'Screenshot & Recording',
|
||||
href: 'https://cleanshot.com/'
|
||||
},
|
||||
{
|
||||
name: 'OBS Studio',
|
||||
description: 'Streaming & Recording',
|
||||
href: 'https://obsproject.com/'
|
||||
},
|
||||
{
|
||||
name: 'Picsew',
|
||||
description: 'Screenshot Tool',
|
||||
href: 'https://apps.apple.com/app/picsew-screenshot-stitching/id1208145167'
|
||||
},
|
||||
{
|
||||
name: 'Shotr',
|
||||
description: 'Screenshot Tool',
|
||||
href: 'https://shotr.app/'
|
||||
},
|
||||
{
|
||||
name: 'QuickRecorder',
|
||||
description: 'Screen Recording',
|
||||
href: '#'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
productivity: {
|
||||
title: 'Productivity',
|
||||
sections: {
|
||||
browser: {
|
||||
title: 'Browsers',
|
||||
tools: [
|
||||
{
|
||||
name: 'Arc Browser',
|
||||
description: 'Modern Browser',
|
||||
href: 'https://arc.net/',
|
||||
iconPath: 'arc'
|
||||
},
|
||||
{
|
||||
name: 'Google Chrome',
|
||||
description: 'Web Browser',
|
||||
href: 'https://www.google.com/chrome/'
|
||||
},
|
||||
{
|
||||
name: 'Microsoft Edge',
|
||||
description: 'Web Browser',
|
||||
href: 'https://www.microsoft.com/edge'
|
||||
}
|
||||
]
|
||||
},
|
||||
notes: {
|
||||
title: 'Note Taking',
|
||||
tools: [
|
||||
{
|
||||
name: 'Obsidian',
|
||||
description: 'Note Taking',
|
||||
href: 'https://obsidian.md/',
|
||||
iconPath: 'obsidian'
|
||||
},
|
||||
{
|
||||
name: 'Notion',
|
||||
description: 'Note Taking',
|
||||
href: 'https://notion.so/',
|
||||
iconPath: 'notion'
|
||||
},
|
||||
{
|
||||
name: 'Flomo',
|
||||
description: 'Quick Notes',
|
||||
href: 'https://flomoapp.com/'
|
||||
}
|
||||
]
|
||||
},
|
||||
tools: {
|
||||
title: 'Productivity Tools',
|
||||
tools: [
|
||||
{
|
||||
name: '1Password',
|
||||
description: 'Password Manager',
|
||||
href: 'https://1password.com/'
|
||||
},
|
||||
{
|
||||
name: 'Raindrop.io',
|
||||
description: 'Bookmark Manager',
|
||||
href: 'https://raindrop.io/'
|
||||
},
|
||||
{
|
||||
name: 'n8n',
|
||||
description: 'Workflow Automation',
|
||||
href: 'https://n8n.io/'
|
||||
},
|
||||
{
|
||||
name: 'Follow',
|
||||
description: 'RSS Reader',
|
||||
href: '#'
|
||||
},
|
||||
{
|
||||
name: '滴答清单',
|
||||
description: 'Task Management',
|
||||
href: 'https://dida365.com/'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
ai: {
|
||||
title: 'AI Tools',
|
||||
sections: {
|
||||
assistants: {
|
||||
title: 'AI Assistants',
|
||||
tools: [
|
||||
{
|
||||
name: 'ChatGPT',
|
||||
description: 'AI Assistant',
|
||||
href: 'https://chat.openai.com/',
|
||||
iconPath: 'chatgpt'
|
||||
},
|
||||
{
|
||||
name: 'Claude',
|
||||
description: 'AI Assistant',
|
||||
href: 'https://claude.ai/'
|
||||
},
|
||||
{
|
||||
name: 'Poe',
|
||||
description: 'AI Platform',
|
||||
href: 'https://poe.com/'
|
||||
},
|
||||
{
|
||||
name: 'Google Notebook LLM',
|
||||
description: 'AI Assistant',
|
||||
href: 'https://notebooklm.google.com/'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
media: {
|
||||
title: 'Media & Entertainment',
|
||||
sections: {
|
||||
music: {
|
||||
title: 'Music',
|
||||
tools: [
|
||||
{
|
||||
name: 'Apple Music',
|
||||
description: 'Music Streaming',
|
||||
href: 'https://music.apple.com/'
|
||||
},
|
||||
{
|
||||
name: '网易云音乐',
|
||||
description: 'Music Platform',
|
||||
href: 'https://music.163.com/'
|
||||
}
|
||||
]
|
||||
},
|
||||
reading: {
|
||||
title: 'Reading & Writing',
|
||||
tools: [
|
||||
{
|
||||
name: '微信读书',
|
||||
description: 'Reading Platform',
|
||||
href: 'https://weread.qq.com/'
|
||||
},
|
||||
{
|
||||
name: 'Personal Blog',
|
||||
description: 'Built with Astro',
|
||||
href: '/'
|
||||
},
|
||||
{
|
||||
name: 'Hashnode',
|
||||
description: 'Blog Platform',
|
||||
href: 'https://hashnode.com/'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
health: {
|
||||
title: 'Health & Fitness',
|
||||
sections: {
|
||||
tracking: {
|
||||
title: 'Health Tracking',
|
||||
tools: [
|
||||
{
|
||||
name: 'AutoSleep',
|
||||
description: 'Sleep Tracking',
|
||||
href: 'https://autosleep.app/'
|
||||
},
|
||||
{
|
||||
name: 'Grow',
|
||||
description: 'Health Tracking',
|
||||
href: '#'
|
||||
},
|
||||
{
|
||||
name: 'Keep',
|
||||
description: 'Fitness App',
|
||||
href: 'https://www.gotokeep.com/'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const DEVICES = {
|
||||
computing: {
|
||||
title: 'Computing Devices',
|
||||
sections: {
|
||||
devices: {
|
||||
title: 'Devices',
|
||||
tools: [
|
||||
{
|
||||
name: 'Mac Mini M2 Pro',
|
||||
description: '主力机 (32GB, 512GB)',
|
||||
iconPath: 'apple'
|
||||
},
|
||||
{
|
||||
name: 'MacBook Air M1',
|
||||
description: '移动办公 (16GB, 256GB)',
|
||||
iconPath: 'apple'
|
||||
},
|
||||
{
|
||||
name: '机械师整机',
|
||||
description: '台式机 (i5, 32GB, 512GB)',
|
||||
iconPath: 'windows'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
mobile: {
|
||||
title: 'Mobile Devices',
|
||||
sections: {
|
||||
phone: {
|
||||
title: 'Phone',
|
||||
tools: [
|
||||
{
|
||||
name: 'iPhone 13',
|
||||
description: '手机 (256GB)',
|
||||
iconPath: 'apple'
|
||||
}
|
||||
]
|
||||
},
|
||||
tablet: {
|
||||
title: 'Tablet',
|
||||
tools: [
|
||||
{
|
||||
name: 'iPad Mini 5',
|
||||
description: '平板',
|
||||
iconPath: 'apple'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
wearables: {
|
||||
title: 'Smart Wearables',
|
||||
sections: {
|
||||
watch: {
|
||||
title: 'Smart Watch',
|
||||
tools: [
|
||||
{
|
||||
name: 'Apple Watch S9',
|
||||
description: '智能手表',
|
||||
iconPath: 'apple'
|
||||
}
|
||||
]
|
||||
},
|
||||
audio: {
|
||||
title: 'Audio Devices',
|
||||
tools: [
|
||||
{
|
||||
name: 'AirPods Pro 2',
|
||||
description: '无线耳机',
|
||||
iconPath: 'apple'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
imaging: {
|
||||
title: 'Imaging Equipment',
|
||||
sections: {
|
||||
cameras: {
|
||||
title: 'Camera System',
|
||||
tools: [
|
||||
{
|
||||
name: '松下 GX9',
|
||||
description: '相机',
|
||||
iconPath: 'round-photo'
|
||||
},
|
||||
{
|
||||
name: 'Panasonic 14-140mm',
|
||||
description: '变焦镜头',
|
||||
iconPath: 'tool'
|
||||
},
|
||||
{
|
||||
name: 'Panasonic 25mm',
|
||||
description: '定焦镜头',
|
||||
iconPath: 'tool'
|
||||
},
|
||||
{
|
||||
name: 'Panasonic 100-300mm',
|
||||
description: '长焦镜头',
|
||||
iconPath: 'tool'
|
||||
},
|
||||
{
|
||||
name: 'DJI Action 5 Pro',
|
||||
description: '运动相机',
|
||||
iconPath: 'round-photo'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
computing: {
|
||||
title: 'Computing Devices',
|
||||
sections: {
|
||||
devices: {
|
||||
title: 'Devices',
|
||||
tools: [
|
||||
{
|
||||
name: 'Mac Mini M2 Pro',
|
||||
description: '主力机 (32GB, 512GB)',
|
||||
iconPath: 'apple'
|
||||
},
|
||||
{
|
||||
name: 'MacBook Air M1',
|
||||
description: '移动办公 (16GB, 256GB)',
|
||||
iconPath: 'apple'
|
||||
},
|
||||
{
|
||||
name: '机械师整机',
|
||||
description: '台式机 (i5, 32GB, 512GB)',
|
||||
iconPath: 'windows'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
mobile: {
|
||||
title: 'Mobile Devices',
|
||||
sections: {
|
||||
phone: {
|
||||
title: 'Phone',
|
||||
tools: [
|
||||
{
|
||||
name: 'iPhone 13',
|
||||
description: '手机 (256GB)',
|
||||
iconPath: 'apple'
|
||||
}
|
||||
]
|
||||
},
|
||||
tablet: {
|
||||
title: 'Tablet',
|
||||
tools: [
|
||||
{
|
||||
name: 'iPad Mini 5',
|
||||
description: '平板',
|
||||
iconPath: 'apple'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
wearables: {
|
||||
title: 'Smart Wearables',
|
||||
sections: {
|
||||
watch: {
|
||||
title: 'Smart Watch',
|
||||
tools: [
|
||||
{
|
||||
name: 'Apple Watch S9',
|
||||
description: '智能手表',
|
||||
iconPath: 'apple'
|
||||
}
|
||||
]
|
||||
},
|
||||
audio: {
|
||||
title: 'Audio Devices',
|
||||
tools: [
|
||||
{
|
||||
name: 'AirPods Pro 2',
|
||||
description: '无线耳机',
|
||||
iconPath: 'apple'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
imaging: {
|
||||
title: 'Imaging Equipment',
|
||||
sections: {
|
||||
cameras: {
|
||||
title: 'Camera System',
|
||||
tools: [
|
||||
{
|
||||
name: '松下 GX9',
|
||||
description: '相机',
|
||||
iconPath: 'round-photo'
|
||||
},
|
||||
{
|
||||
name: 'Panasonic 14-140mm',
|
||||
description: '变焦镜头',
|
||||
iconPath: 'tool'
|
||||
},
|
||||
{
|
||||
name: 'Panasonic 25mm',
|
||||
description: '定焦镜头',
|
||||
iconPath: 'tool'
|
||||
},
|
||||
{
|
||||
name: 'Panasonic 100-300mm',
|
||||
description: '长焦镜头',
|
||||
iconPath: 'tool'
|
||||
},
|
||||
{
|
||||
name: 'DJI Action 5 Pro',
|
||||
description: '运动相机',
|
||||
iconPath: 'round-photo'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
---
|
||||
|
||||
<PageLayout meta={{ title: 'Tools & Devices' }}>
|
||||
<div class='w-full'>
|
||||
<Button title='Back' href='/' style='button'>
|
||||
<svg
|
||||
xmlns='http://www.w3.org/2000/svg'
|
||||
width='14'
|
||||
height='14'
|
||||
viewBox='0 0 24 24'
|
||||
slot='icon-before'
|
||||
>
|
||||
<path
|
||||
fill='currentColor'
|
||||
d='m6.921 12.5l5.792 5.792L12 19l-7-7l7-7l.713.708L6.921 11.5H19v1z'
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</Button>
|
||||
<div class='w-full'>
|
||||
<Button title='Back' href='/' style='button'>
|
||||
<svg
|
||||
xmlns='http://www.w3.org/2000/svg'
|
||||
width='14'
|
||||
height='14'
|
||||
viewBox='0 0 24 24'
|
||||
slot='icon-before'
|
||||
>
|
||||
<path
|
||||
fill='currentColor'
|
||||
d='m6.921 12.5l5.792 5.792L12 19l-7-7l7-7l.713.708L6.921 11.5H19v1z'
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</Button>
|
||||
|
||||
<div class='mt-5 flex w-full flex-col gap-y-10'>
|
||||
<div>
|
||||
<h1 class='mb-1 text-2xl font-bold'>Tools & Devices</h1>
|
||||
<p>Tools, software, and devices I use daily</p>
|
||||
</div>
|
||||
<div class='mt-5 flex w-full flex-col gap-y-10'>
|
||||
<div>
|
||||
<h1 class='mb-1 text-2xl font-bold'>Tools & Devices</h1>
|
||||
<p>Tools, software, and devices I use daily</p>
|
||||
</div>
|
||||
|
||||
<CategorySection
|
||||
title="Software Tools"
|
||||
categories={Object.values(SOFTWARE_TOOLS)}
|
||||
/>
|
||||
<CategorySection title='Software Tools' categories={Object.values(SOFTWARE_TOOLS)} />
|
||||
|
||||
<CategorySection
|
||||
title="Hardware Devices"
|
||||
categories={Object.values(DEVICES)}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<GiscusComment client:only='react' />
|
||||
<CategorySection title='Hardware Devices' categories={Object.values(DEVICES)} />
|
||||
</div>
|
||||
</div>
|
||||
<GiscusComment client:only='react' client:load />
|
||||
</PageLayout>
|
||||
|
||||
Reference in New Issue
Block a user