feat: update

2025-06-18 00:11:21 +08:00 · 2024-11-23 15:50:51 +08:00
parent 8ec0d309ef
commit a37d0da585
76 changed files with 169 additions and 97 deletions
--- a/scripts/updateCategoryBatchly.cjs
+++ b/scripts/updateCategoryBatchly.cjs
@ -4,7 +4,7 @@ const fs = require('fs')
 const path = require('path')
 const contentDir = path.join(__dirname, '../src/content/post')
-const USE_FULL_PATH = process.env.USE_FULL_PATH === 'true'
+const USE_FULL_PATH = true
 function processDirectory(dir) {
 	fs.readdirSync(dir).forEach((item) => {
--- a/src/components/ProjectCard.astro
+++ b/src/components/ProjectCard.astro
@ -13,29 +13,37 @@ const {
 	altText,
 	target
 } = Astro.props
-const images = import.meta.glob<{ default: ImageMetadata }>('/src/assets/*.{jpeg,jpg,png,gif}')
+
-if (!images[imagePath])
+let imageComponent = null
-	throw new Error(`"${imagePath}" does not exist in glob: "src/assets/*.{jpeg,jpg,png,gif}"`)
+if (imagePath) {
 	const images = import.meta.glob<{ default: ImageMetadata }>('/src/assets/*.{jpeg,jpg,png,gif}')
 	if (images[imagePath]) {
 		imageComponent = images[imagePath]
 	}
 }
 ---
 <Tag
 	class={cn(
 		className,
-		'flex flex-col gap-y-3 rounded-2xl border border-border bg-primary-foreground ',
+		'flex flex-col rounded-2xl border border-border bg-primary-foreground h-[240px]',
 		'justify-center items-center',
 		href && 'transition-all hover:border-foreground/25 hover:shadow-sm'
 	)}
 	href={href}
 	target={target}
 >
 	{imageComponent && (
 		<Image
-		src={images[imagePath]()}
+			src={imageComponent()}
 			alt={altText}
-		class='h-48 w-full rounded-2xl rounded-bl-none rounded-br-none object-cover'
+			class='h-32 w-full rounded-2xl rounded-bl-none rounded-br-none object-cover'
 			loading='eager'
 		/>
-	<div class='flex flex-col gap-y-0.5 px-5 py-4'>
+	)}
 	<div class='flex flex-col gap-y-2 flex-1 px-5 py-4 text-center justify-center w-full'>
 		<h1 class='text-lg font-medium'>{heading}</h1>
-		<h2 class='text-muted-foreground'>{subheading}</h2>
+		<h2 class='text-muted-foreground line-clamp-2 text-sm'>{subheading}</h2>
 	</div>
 	<slot />
--- a/src/components/layout/Footer.astro
+++ b/src/components/layout/Footer.astro
@ -17,7 +17,7 @@ import { Icon } from 'astro-icon/components'
          class='inline-flex gap-x-2 text-gray-600 hover:text-gray-800 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-gray-600'
          href='/privacy'>Privacy</a
        > -->
-				<p class=''>© 2024 kazoottt. All rights reserved.</p>
+				<p class=''> 2024 kazoottt. All rights reserved.</p>
 			</div>
 			<div class='flex items-center justify-between'>
@ -26,15 +26,27 @@ import { Icon } from 'astro-icon/components'
 					<!-- Linkedin -->
 					<a
 						class='inline-block text-muted-foreground transition-all hover:text-muted-foreground/75'
-						href='https://github.com/kazoottt'
+						href='mailto:work@kazoottt.top'
 						aria-label="Email"
 					>
-						<Icon name='github' />
+						<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
 							<rect width="20" height="16" x="2" y="4" rx="2"/>
 							<path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/>
 						</svg>
 					</a>
 					<a
 						class='inline-block text-muted-foreground transition-all hover:text-muted-foreground/75'
 						href='https://github.com/kazoottt'
 						aria-label="GitHub"
 					>
 						<Icon name="github" class="w-5 h-5" />
 					</a>
 					<a
 						class='inline-block text-muted-foreground transition-all hover:text-muted-foreground/75'
 						href='https://x.com/kazoottt'
 						aria-label="Twitter"
 					>
-						<Icon name='twitter' />
+						<Icon name="twitter" class="w-5 h-5" />
 					</a>
 				</div>
 				<!-- End Social Brands -->
--- a/src/content/post/日记/周报/2023-W10.md
+++ b/src/content/post/日记/周报/2023-W10.md
@ -6,7 +6,7 @@ tags:
  - 周报
  - 资料收集
 published: true
-category: 日记
+category: 日记-周报
 slug: 2023-W10
 description: >-
  本周资讯聚焦于技术领域的多个创新点，包括快速编辑器Zed、设计系统工具Craft
--- a/src/content/post/日记/周报/2023-W11.md
+++ b/src/content/post/日记/周报/2023-W11.md
@ -10,7 +10,7 @@ tags:
  - figma
  - vercel
 published: true
-category: 日记
+category: 日记-周报
 slug: 2023-W11
 description: >-
  本内容涵盖了2023年第11周（2023-03-12至2023-03-19）的技术和设计资源，主要来源于GitHub、Twitter、微博和B站。其中包括了沉浸式双语网页翻译扩展和隐藏Twitter信息的油猴脚本等浏览器插件。此外，还介绍了基于GPT-4的代码编写工具Cursor、ChatGPT相关的资料汇总和Telegram机器人等。设计方面，提到了Figma结合GPT的设计工具、柔和主题库Catppuccin以及一些设计教程和素材资源。整体内容丰富，涉及多个领域的最新技术动态和实用工具。
--- a/src/content/post/日记/周报/2023-W45.md
+++ b/src/content/post/日记/周报/2023-W45.md
@ -6,7 +6,7 @@ tags:
  - 周报
  - 资讯
 published: true
-category: 日记
+category: 日记-周报
 slug: 2023-W45
 description: >-
  2023年第45周的记录包括个人生活、技术资源和周围事件的摘要。个人方面，与cali老师在小红书上互相关注。技术资源方面，收集了多个有用的链接和工具，如3D博客、树结构控制库、项目变现讨论、社交媒体GPT工具、web3课程、WebWorkers库、SaaS模板、Windows字体优化、node开箱即用模板、播客推荐等。此外，记录了阿里云服务宕机事件，影响了阿里系服务的使用。
--- a/src/content/post/日记/周报/2023-W46.md
+++ b/src/content/post/日记/周报/2023-W46.md
@ -4,7 +4,7 @@ date: 2023-11-19T00:00:00.000Z
 author: KazooTTT
 tags: []
 published: true
-category: 日记
+category: 日记-周报
 link: 'https://kazoottt.notion.site/2023-11-19-44471ea2c7914a0198198df9f3f5b509'
 notionID: 44471ea2-c791-4a01-9819-8df9f3f5b509
 slug: 2023-W46
--- a/src/content/post/日记/周报/2023-W48.md
+++ b/src/content/post/日记/周报/2023-W48.md
@ -2,7 +2,7 @@
 slug: 2023-W48
 title: 2023-W48 转岗了
 published: true
-category: 日记
+category: 日记-周报
 description: >-
  在2023年第48周，作者经历了一次工作转岗，从Web前端开发转变为类似于提示词工程师的角色。这次转岗让作者意识到自己对大语言模型的理解不足，但也重拾了Python编程，并计划将学习重心放在LLM研究上。同时，作者的父母来上海探望，作者在忙碌的工作之余，抽空陪伴他们游览了城隍庙和豫园等地。此外，作者还分享了关于资讯收集方式的变化，从使用Twitter和Cubox转变为使用Telegram和Discord，以及一些关于设计和编程的资讯收集。
 date: '2024-07-11T02:17:53.450Z'
--- a/src/content/post/日记/周报/2024-W02.md
+++ b/src/content/post/日记/周报/2024-W02.md
@ -10,7 +10,7 @@ tags:
  - 前端
  - 独立开发
 published: true
-category: 日记
+category: 日记-周报
 slug: 2024-W02
 description: >-
  本内容汇总了多个技术资源和工具，包括独立开发者资讯网站indie hacker、产品变现周刊、Figma渐变色模板、设计灵感来源DAILY
--- a/src/content/post/日记/周报/2024-W03-AI专题.md
+++ b/src/content/post/日记/周报/2024-W03-AI专题.md
@ -2,7 +2,7 @@
 title: 2024-W03-AI专题
 slug: 2024-W03-ai-topics
 published: true
-category: 日记
+category: 日记-周报
 description: >-
  本期AI专题聚焦于2024年第三周的AI领域最新动态，包括Google推出的Circle to
  Search功能，智谱AI发布的国产大模型GLM4及其GLMs商店，元象开源的XVERSE-Long-256K模型，以及OpenAI对GPT
--- a/src/content/post/日记/周报/2024-W03-应用推荐篇.md
+++ b/src/content/post/日记/周报/2024-W03-应用推荐篇.md
@ -2,7 +2,7 @@
 title: 2024-W03-应用推荐篇
 slug: 2024-W03-application-recommendations
 published: true
-category: 日记
+category: 日记-周报
 description: >-
  2024年第3周应用推荐包括：1.
  [cmd-wrapped](https://github.com/YiNNx/cmd-wrapped)，一个在GitHub上开源的项目，详细信息可通过推特链接查看。2.
--- a/src/content/post/日记/周报/2024-W03-推荐阅读篇.md
+++ b/src/content/post/日记/周报/2024-W03-推荐阅读篇.md
@ -2,7 +2,7 @@
 title: 2024-W03-推荐阅读篇
 slug: 2024-W03-recommended-readings
 published: true
-category: 日记
+category: 日记-周报
 description: >-
  本周推荐阅读包括多个领域的精选内容：从[r/SideProject](https://www.reddit.com/r/SideProject/)的创意项目分享，到[推荐一本行动之书,醍醐灌顶](https://twitter.com/hiyuekun/status/1747085105037021670?s=12&t=UKmYswdLBh4dGuqwtKAXUA)的启发性书籍推荐；从[玩转苹果流量生态：解锁App流量新密码](https://x.com/liuyi0922/status/1747792720750682143?s=12&t=UKmYswdLBh4dGuqwtKAXUA)的市场策略，到[科技爱好者周刊（第
  286
--- a/src/content/post/日记/周报/2024-W03-编程篇.md
+++ b/src/content/post/日记/周报/2024-W03-编程篇.md
@ -1,6 +1,6 @@
 ---
 title: 2024-W03-编程篇
-category: 日记
+category: 日记-周报
 slug: 2024-W03-programming
 published: true
 description: >-
--- a/src/content/post/日记/周报/2024-W03-设计篇.md
+++ b/src/content/post/日记/周报/2024-W03-设计篇.md
@ -2,7 +2,7 @@
 title: 2024-W03-设计篇
 slug: 2024-W03-design
 published: true
-category: 日记
+category: 日记-周报
 description: >-
  本周设计资源精选包括：AIDesign提供免费Logo设计服务；嘉文钱分享Blender和3D相关教程及作品；阿文推荐可商用的德拉黑体字体；svghub提供免费SVG素材；Orange
  Free
--- a/src/content/post/日记/周报/2024-W03.md
+++ b/src/content/post/日记/周报/2024-W03.md
@ -1,7 +1,7 @@
 ---
 title: 2024-W03.md
 slug: 2024-W03
-category: 日记
+category: 日记-周报
 published: true
 description: >-
  本内容涵盖了多个应用推荐和开发相关资源，包括cmd-wrapped、Input Source
--- a/src/content/post/日记/周报/2024-W08.md
+++ b/src/content/post/日记/周报/2024-W08.md
@ -6,7 +6,7 @@ title: 2024-W08 推荐一些软件
 date: 2024-02-23T00:00:00.000Z
 author: KazooTTT
 finished: true
-category: 日记
+category: 日记-周报
 published: true
 slug: 2024-W08
 NotionID-notionnext: 61b4cedd-4f34-4650-8926-c025c339d384
--- a/src/content/post/日记/周报/2024-W15.md
+++ b/src/content/post/日记/周报/2024-W15.md
@ -15,7 +15,7 @@ type: Post
 status: Published
 finished: true
 published: true
-category: 日记
+category: 日记-周报
 slug: 2024-W15
 description: >-
  在2024年4月8日至4月14日的时间范围内，作者分享了自己的生活和项目动态。个人方面，作者为了提升表达能力开始录制科普视频，时隔四年重新开始使用Vue进行项目开发，并购买了迪卡侬的乒乓球鞋。项目推荐方面，介绍了Arc推出的Github自动文件夹功能、remotion制作动画、Cloudflare和Socialify等工具的应用，以及Harness和Vue
--- a/src/content/post/日记/周报/2024-W16.md
+++ b/src/content/post/日记/周报/2024-W16.md
@ -12,7 +12,7 @@ tags:
  - todo
 finished: true
 published: true
-category: 日记
+category: 日记-周报
 slug: 2024-W16
 description: >-
  周报内容主要分为三个部分：编程相关资讯、关于自身的工作、编程和生活内容。在编程相关资讯部分，作者介绍了 Nitro
--- a/src/content/post/日记/周报/2024-W17.md
+++ b/src/content/post/日记/周报/2024-W17.md
@ -7,7 +7,7 @@ status: Draft
 tags: []
 finished: true
 published: true
-category: 日记
+category: 日记-周报
 slug: 2024-W17
 description: >-
  在2024年4月22日至4月28日期间，人工智能领域有多项重要更新和发布。Myshell发布了OpenVoice2开源语音模型，能够通过少量音频样本复制说话人的声音并生成多种语言的语音，且完全开源。Snowflake推出了Arctic，一个面向企业的顶级语言模型，具有高效的企业任务性能。Adobe发布了Firefly
--- a/src/content/post/日记/周报/2024-W19.md
+++ b/src/content/post/日记/周报/2024-W19.md
@ -7,7 +7,7 @@ status: Draft
 tags: []
 finished: true
 published: true
-category: 日记
+category: 日记-周报
 slug: 2024-W19
 description: >-
  Alice研究周报第21期发布，涵盖了Claude控制台的升级信息以及阿里通义千问2.5的最新进展，该版本宣称在性能上超越了GPT-4。日期范围为2024年5月6日至5月12日。
--- a/src/content/post/日记/周报/2024-W25.md
+++ b/src/content/post/日记/周报/2024-W25.md
@ -7,7 +7,7 @@ status: Draft
 tags: []
 finished: true
 published: true
-category: 日记
+category: 日记-周报
 slug: 2024-W25
 rinId: 99
 ---
--- a/src/content/post/日记/年报/Y1-2020年度总结.md
+++ b/src/content/post/日记/年报/Y1-2020年度总结.md
@ -12,7 +12,7 @@ description: >-
  在2020年度，作者经历了一系列的学习和实习经历。6月参与省级大创，7月获得中国高校微信小程序应用开发赛西南赛区三等奖，并在上海某金融科技公司担任产品经理实习生。8月，荣获中国大学生计算机设计大赛国家级二等奖，并参与了中国好声音的录制。9月后，回到成都，在一家教育公司担任web前端开发工程师实习生。作者最初选择工作而非考研，对前端开发有浓厚兴趣，尽管在实习过程中曾尝试产品管理，但最终决定回归前端开发。10月，拒绝了国企的offer，选择在教育科技公司继续实习，使用Vue框架。作者计划在2021年继续提升技术，并希望获得满意的offer，同时计划学习电吉他、画画和MMD。
 rinId: 32
 finished: true
-category: 日记
+category: 日记-年报
 ---
 # Y1-2020 年度总结
--- a/src/content/post/日记/年报/Y2-2021年度总结.md
+++ b/src/content/post/日记/年报/Y2-2021年度总结.md
@ -12,7 +12,7 @@ description: >-
  在Y2-2021年度总结中，作者回顾了一年的重要事件和个人成长。年初意外成为主播房管，随后经历了上海长达六个月的封控，期间在家办公并感受到工作瓶颈。作者反思了自己的工作方式，意识到需要更深入的调研和思考。此外，作者还提到了部门的大变动，包括人员离职和裁员，以及自己对技术积累的不足。在个人生活方面，作者购买了一些产品，如Mac触控板和松下GX9相机，同时也出售了一些不再使用的物品。最后，作者总结了去年的计划完成情况，并设定了新一年的目标，包括找到成都的工作机会和继续学习设计技能。
 rinId: 33
 finished: true
-category: 日记
+category: 日记-年报
 ---
 # Y2-2021 年度总结
--- a/src/content/post/日记/年报/Y3-2022年度总结.md
+++ b/src/content/post/日记/年报/Y3-2022年度总结.md
@ -12,7 +12,7 @@ description: >-
  在Y3-2022年度总结中，作者回顾了一年的经历和感受。年初意外成为主播房管，随后经历了上海长达六个月的封控，期间在家办公，感受到了工作和个人生活的压力。作者反思了自己的工作方式，意识到需要更深入的调研和思考，以及在遇到困难时及时寻求帮助。此外，作者提到了部门的大变动，包括人员离职和裁员，以及对技术发展的担忧。在个人成长方面，作者感到自己过于在意他人看法，正在努力改善这一心理状态。产品方面，作者购买了一些电子产品和健身设备，但也有部分产品因各种原因被出售。最后，作者总结了去年的计划完成情况，并设定了新一年的目标，包括找到成都的工作机会，完成主站重构项目，继续学习设计和UI/UX等。
 rinId: 34
 finished: true
-category: 日记
+category: 日记-年报
 ---
 # Y3-2022 年度总结
--- a/src/content/post/日记/年报/Y4-2023年度总结.md
+++ b/src/content/post/日记/年报/Y4-2023年度总结.md
@ -11,7 +11,7 @@ description: >-
  2023年个人总结：作者回顾了一年的重要事件，包括参加aigc比赛、第二次去bw、厦门之旅以及转岗开始AI
  Agent的研究与开发。在这一年中，作者还开始担任面试官并参与其他公司的面试，体验了面试的双重角色。技术方面，作者的GitHub热力图逐渐变绿，参与了多个开源项目，并与朋友一起参加了AI相关的比赛，获得了奖项和奖金。此外，作者还分享了技术栈的偏向性，包括前端使用nextjs，后端使用nextjs/flask，设计使用figma和canva。最后，作者总结了去年的目标完成情况，并设定了新一年的计划，包括继续学习blender、每周至少产出一次技术向内容等。
 finished: true
-category: 日记
+category: 日记-年报
 ---
 ![IMG-20240902220155824](https://pictures.kazoottt.top/2024/10/20241010-747a24e5899b357928a58beafaa22faa.png)
--- a/src/content/post/生活/生活/2023
+++ b/src/content/post/生活/生活/2023
@ -14,7 +14,7 @@ description: >-
  文章中作者分享了多个餐饮体验，包括奶茶店“薄荷森林”的薄荷生打椰，以及“野台风”的圆规和dirty咖啡。在“seven
  bus”尝试了杏仁牛油果冰淇士。正餐方面，作者品尝了“野草莓”的高性价比美食，以及“宴遇1/2”的酸菜鱼、火焰黑椒安格斯小牛肉等。此外，还体验了“叽叽扎扎烤肉”和“七星西鹭鸭胫店”的特色菜肴。最后，作者在“傲客夜食”尝试了麻辣烤鱼和冰粉。整体上，作者对所尝试的食物给予了积极的评价，并表达了对某些美食的特别喜爱。
 rinId: 113
-category: 生活
+category: 生活-生活
 ---
 # 奶茶与咖啡
--- a/src/content/post/生活/生活/2023
+++ b/src/content/post/生活/生活/2023
@ -12,7 +12,7 @@ slug: 2023-crossing
 description: >-
  2023年跨年，作者与群友相约成都庆祝。由于年假已用完，选择29号和1号晚上的飞机以最大化游玩时间。在飞机上体验了有屏幕的座位，并观看了电影《小妇人》。抵达后，与朋友们在KTV聚会，感受四川话的亲切。30号品尝了跷脚牛肉和桌游店的乐趣，晚上享用了陶德砂锅的肥肠。31号，一起吃了谭豆花和火锅，晚上在玉林路喝酒庆祝跨年。1号在川大望江附近吃了冒烤鸭后前往机场。此行让作者感慨成都美食众多，决心今年回成都工作。
 finished: true
-category: 生活
+category: 生活-生活
 ---
 ![IMG-20240902220227034](https://pictures.kazoottt.top/2024/10/20241017-5eef043c1bc397df87b6be5f1a4aaa3e.png)
--- a/src/content/post/生活/生活/2024
+++ b/src/content/post/生活/生活/2024
@ -13,7 +13,7 @@ tags:
  - "2024"
 finished: true
 published: true
-category: 生活
+category: 生活-生活
 slug: bw-record-personal-notes
 description: 记录了 KazooTTT 在 BW 活动中的个人体验和感受，包括与朋友和偶像的合照、工作餐和摊位的点滴。
 rinId: 1
--- a/src/content/post/生活/生活/2024
+++ b/src/content/post/生活/生活/2024
@ -9,7 +9,7 @@ slug: a-very-abrupt-trip-to-hong-kong
 description: >-
  作者在生日假期冲动地决定去香港旅行，提前一周购买机票和预订酒店。旅程中遇到了一些小插曲，如机票信息错误和插头转换器购买错误，但都顺利解决。在香港，作者体验了当地的美食，如一兰拉面和各种点心，并与久未见面的高中同学共进午餐，享受了愉快的时光。尽管行程紧凑，但这次旅行给作者留下了深刻的印象和美好的回忆。
 rinId: 112
-category: 生活
+category: 生活-生活
 ---
 # 一次很突然的香港之行
--- a/小缘永不完结的冒险武汉线下vlog.md
+++ b/小缘永不完结的冒险武汉线下vlog.md
@ -11,7 +11,7 @@ tags:
  - live
 finished: true
 published: true
-category: 生活
+category: 生活-生活
 slug: yukari-2024-live
 description: 前往武汉参加小缘810线下live的流水账式vlog。
 NotionID-notionnext: 7c90f788-efe1-4ae1-b314-3bf7acb6b21e
--- a/src/content/post/生活/生活/2024
+++ b/src/content/post/生活/生活/2024
@ -11,7 +11,7 @@ tags:
  - 端午节
 finished: true
 published: true
-category: 生活
+category: 生活-生活
 slug: duanwu-guangzhou-trip
 description: 在端午节期间，我和朋友们相约去广州，参观了大咩老师的毕业展，品尝了各种美食，体验了广州的文化和风景。这次旅行充满了美好的回忆，让我感受到了广州的独特魅力。
 rinId: 5
--- a/src/content/post/生活/随笔/一些烦心事.md
+++ b/src/content/post/生活/随笔/一些烦心事.md
@ -9,7 +9,7 @@ slug: somethings-bothering-me
 description: >-
  在飞机上，作者通过写作来缓解心中的烦闷。上周状态良好，但本周因熬夜和粉丝圈的负面影响感到状态下滑。作者计划在春节期间调整作息，并反思了过去几年对粉丝圈的感受变化，包括从极度社恐到逐渐适应公共表达的过程，以及对粉丝圈中个体信任的思考。同时，作者也回顾了与主播和粉丝圈的互动，以及个人情感和观点表达的冲突与反思。
 rinId: 110
-category: 生活
+category: 生活-随笔
 ---
 # 一些烦心事
--- a/src/content/post/生活/随笔/一次受骗经历.md
+++ b/src/content/post/生活/随笔/一次受骗经历.md
@ -7,7 +7,7 @@ description: >-
  本文讲述了一位大学生在成都春熙路地下商场遭遇的骗局。作者被诱导进入一家店铺，经历了从免费面部检测到被迫支付高额费用的过程。在被骗后，作者通过寻求帮助，最终成功追回了大部分损失。这次经历让作者学会了更加小心谨慎，并感激那些在困难时刻给予帮助的人。文章旨在提醒读者警惕类似的消费陷阱。
 finished: true
 rinId: 111
-category: 生活
+category: 生活-随笔
 ---
 # 一次受骗经历
--- a/src/content/post/生活/随笔/与其倒腾，不如静下心来.md
+++ b/src/content/post/生活/随笔/与其倒腾，不如静下心来.md
@ -12,7 +12,7 @@ description: >-
 link: 'https://kazoottt.notion.site/4168e936345444f4b625a86309a5b320'
 notionID: 4168e936-3454-44f4-b625-a86309a5b320
 rinId: 57
-category: 生活
+category: 生活-随笔
 ---
 # 与其倒腾，不如静下心来
--- a/src/content/post/生活/随笔/最近状态比较差.md
+++ b/src/content/post/生活/随笔/最近状态比较差.md
@ -7,7 +7,7 @@ status: Published
 tags: null
 finished: true
 published: true
-category: 生活
+category: 生活-随笔
 slug: recently-the-state-has-been-relatively-poor
 description: null
 ---
--- a/src/content/post/生活/随笔/最近的感受-积重难返.md
+++ b/src/content/post/生活/随笔/最近的感受-积重难返.md
@ -11,7 +11,7 @@ slug: recent-feelings-a-lot-of-hard-work
 description: >-
  在23年年末，作者内转至大模型应用部门，初期充满激情，能接触前沿项目并利用大模型厂商服务。然而，随着时间推移，工作中的不适感逐渐增强。主要问题包括基建不足，如缺乏CI/CD流程，发布版本耗时且需加班；项目框架笨重且存在性能问题，对项目信心下降；代码质量差，缺乏规范；以及对未来职业发展的担忧，如工作与学习时间冲突，薪资涨幅低。这些因素共同导致了作者对当前工作的不满和焦虑。
 rinId: 116
-category: 生活
+category: 生活-随笔
 ---
 # 最近的感受-积重难返
--- a/src/content/post/编程/AI/01
+++ b/src/content/post/编程/AI/01
@ -12,7 +12,7 @@ tags:
  - 播客
 finished: true
 published: true
-category: 编程
+category: 编程-AI
 slug: perplexity-productions-intro
 description: 概述Perplexity系列产品，包括搜索引擎、Playground和播客，重点介绍其功能和区别。
 NotionID-notionnext: ae2fba46-af30-4bd5-b6d0-fe751c162800
--- a/src/content/post/编程/AI/ChainForge简单介绍.md
+++ b/src/content/post/编程/AI/ChainForge简单介绍.md
@ -10,7 +10,7 @@ tags:
  - 工具
 finished: true
 published: true
-category: 编程
+category: 编程-AI
 slug: chainforge-intro
 description: >-
  ChainForge is a visual programming environment designed for prompt
--- a/src/content/post/编程/AI/可以免费领取tokens的大模型服务.md
+++ b/src/content/post/编程/AI/可以免费领取tokens的大模型服务.md
@ -11,7 +11,7 @@ tags:
  - deepseek
 finished: true
 published: true
-category: 编程
+category: 编程-AI
 slug: free-tokens-large-model-service
 description:
 NotionID-notionnext: 30a20483-ea28-4daf-b8be-155f0e690bc7
--- a/src/content/post/编程/AI/如何在
+++ b/src/content/post/编程/AI/如何在
@ -10,7 +10,7 @@ tags:
  - API
 finished: true
 published: true
-category: 编程
+category: 编程-AI
 slug: using-deepseek-coder-in-cursor
 description: 本文介绍了如何在 Cursor 中添加和使用 DeepSeek-Coder 模型，以及配置相关的 OpenAI API Key 和 Base URL。
 NotionID-notionnext: f759bbe6-aa4b-4317-9695-44927430146b
--- a/src/content/post/编程/git/使用cursor生成git
+++ b/src/content/post/编程/git/使用cursor生成git
@ -8,7 +8,7 @@ finished: true
 published: true
 description: null
 slug: cursorgit-commit-msg
-category: 编程
+category: 编程-git
 ---
 原文参考：
--- a/src/content/post/编程/git/已经发布的分支在本地重命名之后如何推送到远程.md
+++ b/src/content/post/编程/git/已经发布的分支在本地重命名之后如何推送到远程.md
@ -9,7 +9,7 @@ tags:
  - 分支管理
 finished: true
 published: true
-category: 编程
+category: 编程-git
 slug: rename-published-branch-git
 description:
 ---
--- a/src/content/post/编程/vtk.js/在vtk.js中stl和json的互相转化.md
+++ b/src/content/post/编程/vtk.js/在vtk.js中stl和json的互相转化.md
@ -7,7 +7,7 @@ status: Published
 tags: null
 finished: true
 published: true
-category: 编程
+category: 编程-vtk.js
 slug: in-vtkjs-stl-and-json-are-converted-to-each-other
 description: ''
 noteId_x: 15
--- a/src/content/post/编程/web3/expo报错.md
+++ b/src/content/post/编程/web3/expo报错.md
@ -9,7 +9,7 @@ description: >-
 rinId: 10
 finished: true
 date: 2024-02-07
-category: 编程
+category: 编程-web3
 ---
 # Expo 报错
--- a/src/content/post/编程/web3/tokenERC20部署和学习.md
+++ b/src/content/post/编程/web3/tokenERC20部署和学习.md
@ -7,7 +7,7 @@ description: >-
 rinId: 12
 finished: true
 date: 2024-02-07
-category: 编程
+category: 编程-web3
 ---
 # tokenERC20部署和学习
--- a/src/content/post/编程/web3/web3资源收集.md
+++ b/src/content/post/编程/web3/web3资源收集.md
@ -9,7 +9,7 @@ description: >-
 rinId: 13
 finished: true
 date: 2024-02-07
-category: 编程
+category: 编程-web3
 ---
 # web3资源收集
--- a/src/content/post/编程/前端/antd
+++ b/src/content/post/编程/前端/antd
@ -8,7 +8,7 @@ finished: true
 published: true
 description: 
 slug: antd-switch-component-misuse-example
-category: 编程
+category: 编程-前端
 ---
 # antd switch组件错误使用案例
--- a/src/content/post/编程/前端/fetch
+++ b/src/content/post/编程/前端/fetch
@ -14,7 +14,7 @@ description: >-
  closed”。错误发生在getFansNum函数中，具体是由于TLS连接的另一端关闭导致的。解决此问题的方法是关闭MitM（中间人攻击）工具，这通常用于拦截和修改网络通信，可能会导致不正常的连接关闭。
 rinId: 15
 finished: true
-category: 编程
+category: 编程-前端
 ---
 # Fetch 报错
--- a/src/content/post/编程/前端/node/__dirname
+++ b/src/content/post/编程/前端/node/__dirname
@ -11,7 +11,7 @@ tags:
  - module
 finished: true
 published: true
-category: 编程
+category: 编程-前端-node
 slug: dirname-is-not-defined-in-es-module-scope
 NotionID-notionnext: 543bfc66-a416-4704-92be-9a93fed191a8
 link-notionnext: >-
--- a/src/content/post/编程/前端/node/npm
+++ b/src/content/post/编程/前端/node/npm
@ -11,7 +11,7 @@ description: >-
  在package.json文件中添加"publishConfig"字段，设置"access"为"public"，或者在发布时使用命令`npm publish
  --access=public`，以确保包的访问权限为公开。
 rinId: 72
-category: 编程
+category: 编程-前端-node
 ---
 # Npm Scope公共包
--- a/src/content/post/编程/前端/node/npm发包失败的原因.md
+++ b/src/content/post/编程/前端/node/npm发包失败的原因.md
@ -12,7 +12,7 @@ notionID: b2561889-02f7-4be0-9e4e-e74f8247da84
 description: >-
  本文讨论了在npm发包过程中可能遇到的失败原因，包括账号权限不足、包名不规范、包名包含屏蔽词等。特别提到了“download”是一个屏蔽词，作者通过将其替换为“downloader”后成功发布。同时，文章也提到了npm的命令行工具在错误信息提供上的不足，使得问题定位变得困难。参考了GitHub上的相关讨论，以帮助理解这一问题。
 rinId: 73
-category: 编程
+category: 编程-前端-node
 ---
 # Npm发包失败的原因
--- a/src/content/post/编程/前端/search
+++ b/src/content/post/编程/前端/search
@ -7,7 +7,7 @@ status: Published
 tags: null
 finished: true
 published: true
-category: 编程
+category: 编程-前端
 slug: search-params
 description: null
 NotionID-notionnext: 13d55568-fd75-81f5-be1b-e0a4f8137355
--- a/src/content/post/编程/前端/其他/open
+++ b/src/content/post/编程/前端/其他/open
@ -14,7 +14,7 @@ description: >-
 NotionID-notionnext: 76ed52a0-ad58-401c-8a5d-c5719f67b673
 link-notionnext: 'https://kazoottt.notion.site/open-graph-76ed52a0ad58401c8a5dc5719f67b673'
 rinId: 16
-category: 编程
+category: 编程-前端-其他
 ---
 # Open Graph 简述
--- a/src/content/post/编程/前端/在react中不要滥用
+++ b/src/content/post/编程/前端/在react中不要滥用
@ -12,7 +12,7 @@ finished: true
 published: true
 description: 在React中使用短路运算符（&&）时，0 会被错误地渲染为内容。通过避免使用 && 判断数字，特别是可能为 0 的值，可以确保正确的内容显示，例如显示 0号相机 而非仅仅显示 0。
 slug: do-not-misuse-short-circuiting-in-react
-category: 编程
+category: 编程-前端
 NotionID-notionnext: 12b55568-fd75-815c-ba9c-ff587a86a262
 link-notionnext: https://kazoottt.notion.site/react-short-circuit-12b55568fd75815cba9cff587a86a262
 ---
--- a/src/content/post/编程/前端/如何实现在markdown中渲染iframe.md
+++ b/src/content/post/编程/前端/如何实现在markdown中渲染iframe.md
@ -11,7 +11,7 @@ description: >-
 NotionID-notionnext: a63f5e28-352a-48cc-8c89-f9dd5b5a18ac
 link-notionnext: 'https://kazoottt.notion.site/markdown-iframe-a63f5e28352a48cc8c89f9dd5b5a18ac'
 rinId: 19
-category: 编程
+category: 编程-前端
 ---
 # 1 如何实现在markdown中渲染iframe
--- a/src/content/post/编程/前端/如何更加直接地查看浏览器内核.md
+++ b/src/content/post/编程/前端/如何更加直接地查看浏览器内核.md
@ -11,7 +11,7 @@ description: >-
 NotionID-notionnext: 23be0d61-036d-48cc-925c-c8c25de31aa5
 link-notionnext: 'https://kazoottt.notion.site/23be0d61036d48cc925cc8c25de31aa5'
 rinId: 54
-category: 编程
+category: 编程-前端
 ---
 # 如何更加直接地查看浏览器内核
--- a/src/content/post/编程/前端/对于a标签的download属性.md
+++ b/src/content/post/编程/前端/对于a标签的download属性.md
@ -9,7 +9,7 @@ tags:
  - html
 finished: true
 published: true
-category: 编程
+category: 编程-前端
 slug: the-download-attribute-for-the-a-tag
 description:
 ---
--- a/src/content/post/编程/前端/平台/如何快速导出vercel
+++ b/src/content/post/编程/前端/平台/如何快速导出vercel
@ -10,7 +10,7 @@ slug: how-to-quickly-export-environment-variables-in-vercel-project
 description: >-
  本文介绍了如何在Vercel中集成插件或链接数据库后，快速导出环境变量的方法。首先，需要全局安装Vercel，然后通过命令链接Vercel账户，并拉取环境变量到本地的.env.local文件中。这一过程简化了环境变量的管理，提高了开发效率。
 rinId: 3
-category: 编程
+category: 编程-前端-平台
 ---
 # 如何快速导出vercel Project中的环境变量
--- a/src/content/post/编程/前端/浏览器/再次学习History.scrollRestoration.md
+++ b/src/content/post/编程/前端/浏览器/再次学习History.scrollRestoration.md
@ -12,7 +12,7 @@ tags:
  - 浏览器
 finished: true
 published: true
-category: 编程
+category: 编程-前端-浏览器
 slug: understanding-history-scrollrestoration
 description: >-
  本文重新探讨了浏览器History对象的scrollRestoration属性，该属性用于控制历史页面切换时滚动条是否恢复到之前的位置。scrollRestoration属性有两个可选值：auto和manual。当设置为auto时，滚动条会自动恢复到切换前的位置；若设置为manual，则滚动条保持在页面顶部。文章还讨论了该属性的局限性，包括可能导致的页面跳动和在不同浏览器中实现一致滚动恢复的困难。最后，文章建议在页面出现不美观跳跃或需要手动控制滚动条位置时，应将scrollRestoration设置为manual。
--- a/src/content/post/编程/前端/浏览器/浏览器滚动恢复属性History.scrollRestoration.md
+++ b/src/content/post/编程/前端/浏览器/浏览器滚动恢复属性History.scrollRestoration.md
@ -17,7 +17,7 @@ link-notionnext: >-
  https://kazoottt.notion.site/History-scrollRestoration-7dc1306483254aa3bf455450c89e0223
 rinId: 21
 finished: true
-category: 编程
+category: 编程-前端-浏览器
 ---
 ## 后续 2024-05-23
--- a/src/content/post/编程/前端/禁止antd
+++ b/src/content/post/编程/前端/禁止antd
@ -9,7 +9,7 @@ tags:
  - 前端
 finished: true
 published: true
-category: 编程
+category: 编程-前端
 slug: antd-modal-esc-disabled
 description:
 ---
--- a/src/content/post/编程/前端/网页页面在非输入的组件也出现闪烁的光标.md
+++ b/src/content/post/编程/前端/网页页面在非输入的组件也出现闪烁的光标.md
@ -10,7 +10,7 @@ finished: true
 published: true
 description: null
 slug: web-pages-also-have-a-flashing-cursor-on-non-input-components
-category: 编程
+category: 编程-前端
 ---
 ## 错误现象
--- a/src/content/post/编程/前端/运行npm
+++ b/src/content/post/编程/前端/运行npm
@ -8,7 +8,7 @@ finished: true
 published: true
 description: null
 slug: npm-run-tsc
-category: 编程
+category: 编程-前端
 ---
 ## 错误现象
--- a/src/content/post/编程/计算机网络/如何清空dns缓存.md
+++ b/src/content/post/编程/计算机网络/如何清空dns缓存.md
@ -13,7 +13,7 @@ slug: how-to-clear-the-dns-cache
 description: >-
  本文介绍了如何在Mac和windows系统中清空DNS缓存和查看自己的IP地址。
 rinId: 76
-category: 编程
+category: 编程-计算机网络
 ---
 # 如何清空dns缓存
--- a/src/content/post/设计/视频剪辑/视频颜色空间异常，请检查文件后重新上传.md
+++ b/src/content/post/设计/视频剪辑/视频颜色空间异常，请检查文件后重新上传.md
@ -7,7 +7,7 @@ status: Published
 tags: null
 finished: true
 published: true
-category: 设计
+category: 设计-视频剪辑
 slug: >-
  the-color-space-of-the-video-is-abnormal-please-check-the-file-and-upload-it-again
 description: null
--- a/src/content/post/阅读笔记/阅读和翻译/【译】Alpine、Slim、Bookworm、Bullseye、Stretch、Jessie
+++ b/src/content/post/阅读笔记/阅读和翻译/【译】Alpine、Slim、Bookworm、Bullseye、Stretch、Jessie
@ -12,7 +12,7 @@ slug: >-
  alpine-slim-stretch-bookworm-bullseye-buster-jessie-which-docker-image-should-i-choose
 description: >-
  本文讨论了在选择Docker镜像时，如何根据不同的需求和环境选择合适的镜像，如Alpine、Slim、Bookworm、Bullseye、Stretch、Jessie等。文章详细解释了这些镜像的特点，包括它们的基础操作系统、大小、安全性和适用场景。同时，作者提供了一些实用的建议，帮助读者根据项目需求和环境限制，选择最合适的Docker镜像。此外，文章还强调了在生产环境中遵循安全最佳实践的重要性，并提供了比较不同Docker镜像大小的方法。
-category: 阅读笔记
+category: 阅读笔记-阅读和翻译
 ---
 # **【译】Alpine、Slim、Bookworm、Bullseye、Stretch、Jessie - 我应该选择哪个 Docker Image？**
--- a/src/content/post/项目/已结项/file-downloader.md
+++ b/src/content/post/项目/已结项/file-downloader.md
@ -16,7 +16,7 @@ description: >-
  函数则用于从Blob对象下载文件，同样支持自定义文件名。这两个函数均来自 `@kzttools/file-downloader`
  包，该包的NPM地址和GitHub地址均已提供。项目遵循MIT许可证，作者为kazoottt。
 rinId: 63
-category: 项目
+category: 项目-已结项
 ---
 # File Download
--- a/src/content/post/项目/已结项/写一个油猴脚本，自动地选择最新微博.md
+++ b/src/content/post/项目/已结项/写一个油猴脚本，自动地选择最新微博.md
@ -9,7 +9,7 @@ finished: true
 published: true
 slug: write-an-oil-monkey-script-that-automatically-selects-the-latest-tweets
 rinId: 64
-category: 项目
+category: 项目-已结项
 ---
 # 写一个油猴脚本，自动地选择最新微博
--- a/src/content/post/项目/已结项/博客改造日志.md
+++ b/src/content/post/项目/已结项/博客改造日志.md
@ -14,7 +14,7 @@ description: >-
  tags数量为0时，隐藏该组件；以及使用rake命令`rake post title="xxx" subtitle="xxx"`快速创建博客文章。
 finished: true
 rinId: 124
-category: 项目
+category: 项目-已结项
 ---
 # 博客改造日志
--- a/src/content/post/项目/已结项/实现一个auto
+++ b/src/content/post/项目/已结项/实现一个auto
@ -13,7 +13,7 @@ description: >-
  slugs. Check out the live demo at https://slugify.kazoottt.top/. This tool is
  based on the auto-slugify library available on GitHub.
 rinId: 65
-category: 项目
+category: 项目-已结项
 ---
 # Auto Slugify Webapp
--- a/src/content/post/项目/已结项/微信读书网页版复制快捷键.md
+++ b/src/content/post/项目/已结项/微信读书网页版复制快捷键.md
@ -10,7 +10,7 @@ tags:
  - 前端
 finished: true
 published: true
-category: 项目
+category: 项目-已结项
 slug: wechat-reading-web-version-copy-shortcut
 description: 
 NotionID-notionnext: a4cf2259-fba8-4b72-9513-083a74b1ada1
--- a/src/content/post/项目/已结项/隐藏你的twitter信息.md
+++ b/src/content/post/项目/已结项/隐藏你的twitter信息.md
@ -14,7 +14,7 @@ description: >-
  为了在公共场合保护个人隐私，防止他人查看自己的Twitter账号信息，如ID、昵称和头像，作者开发了一个油猴脚本。该脚本专门用于屏蔽Twitter首页上显示的个人信息。用户可以通过greasyfork安装此脚本，源代码可在GitHub上查看。脚本使用前后对比图展示了隐藏个人信息的效果。
 finished: true
 rinId: 125
-category: 项目
+category: 项目-已结项
 ---
 # Hide-your-twitter-info
--- a/src/icons/arrow-right.svg
+++ b/src/icons/arrow-right.svg
@ -0,0 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M13.75 6.75L19.25 12L13.75 17.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M19 12H4.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
--- a/src/icons/mail.svg
+++ b/src/icons/mail.svg
@ -0,0 +1,4 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M3 8L10.89 13.26C11.2187 13.4793 11.6049 13.5963 12 13.5963C12.3951 13.5963 12.7813 13.4793 13.11 13.26L21 8M5 19H19C19.5304 19 20.0391 18.7893 20.4142 18.4142C20.7893 18.0391 21 17.5304 21 17V7C21 6.46957 20.7893 5.96086 20.4142 5.58579C20.0391 5.21071 19.5304 5 19 5H5C4.46957 5 3.96086 5.21071 3.58579 5.58579C3.21071 5.96086 3 6.46957 3 7V17C3 17.5304 3.21071 18.0391 3.58579 18.4142C3.96086 18.7893 4.46957 19 5 19Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@ -19,8 +19,41 @@ const others = ['大模型提示词调优']
 const languages = ['英文']
 const MAX_POSTS = 10
 const MAX_PROJECTS = 6
 const allPosts = await getAllPosts()
 const allPostsByDate = sortMDByDate(allPosts).slice(0, MAX_POSTS)
 // Direct projects
 const directProjects = [
 	{
 		title: '油猴脚本合集',
 		description: '收录了我开发的一些油猴脚本',
 		url: 'https://greasyfork.org/zh-CN/users/904256-kazoottt-wang',
 		imagePath: '/src/assets/greasyFork.png',
 		altText: 'greasyFork'
 	},
 ]
 // Get projects from markdown
 const mdProjects = allPosts
 	.filter(post => post.data.category === '项目-已结项')
 	.sort((a, b) => {
 		if (a.data.pinned && !b.data.pinned) return -1
 		if (!a.data.pinned && b.data.pinned) return 1
 		return new Date(b.data.date).getTime() - new Date(a.data.date).getTime()
 	})
 	.map(post => ({
 		title: post.data.title,
 		description: post.data.description || '',
 		url: post.data.projectUrl || `/posts/${post.slug}`,
 		imagePath: post.data.coverImage,
 		altText: post.data.title,
 		isExternal: !!post.data.projectUrl
 	}))
 // Combine both types of projects
 const projects = [...directProjects, ...mdProjects].slice(0, MAX_PROJECTS)
 ---
 <PageLayout meta={{ title: 'Home' }}>
@ -145,16 +178,26 @@ const allPostsByDate = sortMDByDate(allPosts).slice(0, MAX_POSTS)
 		</Section>
 		<Section title='Projects' subtitle='(open source)'>
-			<div class='flex flex-col gap-y-3 sm:flex-row sm:gap-x-3 sm:gap-y-0'>
+			<div class='grid grid-cols-1 sm:grid-cols-2 gap-3'>
 				{projects.map((project) => (
 					<ProjectCard
-					href='https://greasyfork.org/zh-CN/users/904256-kazoottt-wang'
+						href={project.url}
-					heading='油猴脚本合集'
+						heading={project.title}
-					subheading='收录了我开发的一些油猴脚本'
+						subheading={project.description}
-					imagePath='/src/assets/greasyFork.png'
+						imagePath={project.imagePath}
-					altText='greasyFork'
+						altText={project.altText}
-					class='w-full sm:w-1/2'
+						target={project.isExternal ? '_blank' : undefined}
 					target='_blank'
 					/>
 				))}
 			</div>
 			<div class="flex justify-end mt-4">
 				<a 
 					href={`/categories/${encodeURIComponent('项目-已结项')}`}
 					class="text-sm text-muted-foreground hover:text-foreground transition-colors flex items-center gap-x-1"
 				>
 					查看更多项目
 					<Icon name="link" class="w-4 h-4" />
 				</a>
 			</div>
 		</Section>
 	</div>
--- a/src/pages/tools/index.astro
+++ b/src/pages/tools/index.astro
@ -14,7 +14,7 @@ const SOFTWARE_TOOLS = {
          {
            name: 'WindSurf',
            description: 'AI-Powered IDE',
-            href: 'https://cursor.sh/',
+            href: 'https://windsurf.app/',
          },
          {
            name: 'Cursor',