buyfakett/kazoottt-blog-v2
1
0
Fork 0
mirror of https://github.com/KazooTTT/kazoottt-blog-v2.git synced 2025-06-25 11:41:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

Compare commits

base: buyfakett:dependabot/npm_and_yarn/remark-directive-4.0.0
Branches Tags
buyfakett:main buyfakett:dependabot/npm_and_yarn/astro-expressive-code-0.41.2 buyfakett:dependabot/npm_and_yarn/astrojs/sitemap-3.3.1 buyfakett:dependabot/npm_and_yarn/astro-5.7.10 buyfakett:dependabot/npm_and_yarn/tailwindcss/vite-4.1.5 buyfakett:dependabot/npm_and_yarn/astrojs/mdx-4.2.6 buyfakett:dependabot/npm_and_yarn/sharp-0.34.1 buyfakett:dependabot/npm_and_yarn/tailwindcss-4.1.5 buyfakett:dependabot/npm_and_yarn/satori-0.12.2 buyfakett:dependabot/npm_and_yarn/remark-directive-4.0.0 buyfakett:imgbot
..
compare: buyfakett:827e6eeadfd33c54b4f5269cf88fd5dea35cc5ff
Branches Tags
buyfakett:main buyfakett:dependabot/npm_and_yarn/astro-expressive-code-0.41.2 buyfakett:dependabot/npm_and_yarn/astrojs/sitemap-3.3.1 buyfakett:dependabot/npm_and_yarn/astro-5.7.10 buyfakett:dependabot/npm_and_yarn/tailwindcss/vite-4.1.5 buyfakett:dependabot/npm_and_yarn/astrojs/mdx-4.2.6 buyfakett:dependabot/npm_and_yarn/sharp-0.34.1 buyfakett:dependabot/npm_and_yarn/tailwindcss-4.1.5 buyfakett:dependabot/npm_and_yarn/satori-0.12.2 buyfakett:dependabot/npm_and_yarn/remark-directive-4.0.0 buyfakett:imgbot

9 Commits
dependabot ... 827e6eeadf

Author SHA1 Message Date
KazooTTT
827e6eeadf fix(date): replace Beijing time conversion with GMT conversion 2025-04-01 23:21:59 +08:00
github-actions[bot]
f816128ccc Update docs and sort content 2025-04-01 15:06:36 +00:00
KazooTTT
054047e2b4 Merge branch 'main' of https://github.com/KazooTTT/kazoottt-blog-v2 2025-04-01 22:31:38 +08:00
KazooTTT
baee12dd9f style: 修改标题和样式 
- 修改网站标题为 "KazooTTT 博客"
- 修改头部导航栏样式，使页面更加美观
 2025-04-01 22:31:36 +08:00
github-actions[bot]
10cc40f869 Update docs and sort content 2025-04-01 14:24:23 +00:00
KazooTTT
6aed3ff17c feat(rss): RSS 时间转换为北京时间 
- 将 RSS 源中的时间转换为北京时间，保证时区正确。
- 使用 `convertToBeijingTime` 函数进行转换。
 2025-04-01 22:22:39 +08:00
github-actions[bot]
3a4364976c Update docs and sort content 2025-04-01 13:54:08 +00:00
github-actions[bot]
7463daefe7 Update docs and sort content 2025-04-01 13:46:21 +00:00
KazooTTT
fa9ab1a4bc chore: 移除首页的笔记模块 
- 移除首页的笔记模块，因为笔记功能暂时不使用
- 修改了README中的链接格式，使用plaintext
- 修改了menuLinks，注释掉了notes
 2025-04-01 17:09:42 +08:00
9 changed files with 275 additions and 148 deletions
Expand all files Collapse all files

12
README.md
View File

@ -1,15 +1,13 @@
# KazooTTT | 声控烤箱 博客 # KazooTTT 博客
## 关于我 ## 关于我
无论是博客还是笔记，最重要的服务对象是我自己。 无论是博客还是笔记，最重要的服务对象是我自己。
[平台合集](<https://bento.me/kazoottt>) [平台合集](https://bento.me/kazoottt)
[个人博客｜Blog](<https://blog.kazoottt.top/>) [个人博客｜Blog](https://blog.kazoottt.top/)
[个人笔记 ｜ Notes](<https://notes.kazoottt.top/>)
[GitHub](<https://github.com/KazooTTT>)
[个人笔记 ｜ Notes](https://notes.kazoottt.top/)
[GitHub](https://github.com/KazooTTT)

2
package.json
View File

@ -40,7 +40,7 @@
"rehype-autolink-headings": "^7.1.0", "rehype-autolink-headings": "^7.1.0",
"rehype-external-links": "^3.0.0", "rehype-external-links": "^3.0.0",
"rehype-unwrap-images": "^1.0.0", "rehype-unwrap-images": "^1.0.0",
"remark-directive": "^4.0.0", "remark-directive": "^3.0.1",
"sanitize-html": "^2.14.0", "sanitize-html": "^2.14.0",
"satori": "0.12.1", "satori": "0.12.1",
"satori-html": "^0.3.2", "satori-html": "^0.3.2",

256
src/components/componentsBefore/layout/Header.astro
View File

@ -1,111 +1,111 @@
--- ---
import kazootttAvatar from '../../assets/kazoottt-avatar.jpeg' import kazootttAvatar from "../../assets/kazoottt-avatar.jpeg";
import { Image } from 'astro:assets' import { Image } from "astro:assets";
--- ---
<header class='fixed left-0 right-0 top-0 z-50 bg-white shadow-sm dark:bg-gray-800'> <header class="fixed top-0 right-0 left-0 z-50 bg-white shadow-sm dark:bg-gray-800">
<nav <nav
class='mx-auto flex w-full items-center justify-between px-4 py-3 lg:flex lg:w-3/5 lg:w-4/5 lg:items-center' class="mx-auto flex w-full items-center justify-between px-4 py-3 lg:flex lg:w-3/5 lg:w-4/5 lg:items-center"
aria-label='global' aria-label="global"
> >
<a class='flex items-center' href='/'> <a class="flex items-center" href="/">
<Image <Image
src={kazootttAvatar} src={kazootttAvatar}
alt='profile photo' alt="profile photo"
class='mr-2 h-8 w-auto rounded-full lg:hidden' class="mr-2 h-8 w-auto rounded-full lg:hidden"
loading='eager' loading="eager"
/> />
<div class='hidden flex-none text-xl font-semibold lg:block' aria-label='Brand'>声控烤箱</div> <div class="hidden flex-none text-xl font-semibold lg:block" aria-label="Brand">KazooTTT</div>
</a> </a>
<!-- Mobile menu button --> <!-- Mobile menu button -->
<button <button
id='mobileMenuButton' id="mobileMenuButton"
class='rounded-md p-2 hover:bg-border lg:hidden' class="hover:bg-border rounded-md p-2 lg:hidden"
aria-label='Toggle mobile menu' aria-label="Toggle mobile menu"
> >
<svg <svg
xmlns='http://www.w3.org/2000/svg' xmlns="http://www.w3.org/2000/svg"
width='24' width="24"
height='24' height="24"
viewBox='0 0 24 24' viewBox="0 0 24 24"
class='h-6 w-6' class="h-6 w-6"
> >
<path fill='currentColor' d='M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'></path> <path fill="currentColor" d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path>
</svg> </svg>
</button> </button>
<!-- Desktop Navigation --> <!-- Desktop Navigation -->
<div class='hidden flex-row items-center justify-center gap-x-7 lg:flex'> <div class="hidden flex-row items-center justify-center gap-x-7 lg:flex">
<div class='relative'> <div class="relative">
<a <a
href='/blog' href="/blog"
class={`peer flex items-center text-[1.05rem] font-medium ${Astro.url.pathname.startsWith('/blog') ? 'text-green-400' : ''}`} class={`peer flex items-center text-[1.05rem] font-medium ${Astro.url.pathname.startsWith("/blog") ? "text-green-400" : ""}`}
aria-label='Blog Menu' aria-label="Blog Menu"
> >
Blog Blog
<svg <svg
xmlns='http://www.w3.org/2000/svg' xmlns="http://www.w3.org/2000/svg"
width='20' width="20"
height='20' height="20"
viewBox='0 0 24 24' viewBox="0 0 24 24"
class='ml-1 transform transition-transform duration-200 peer-hover:rotate-180' class="ml-1 transform transition-transform duration-200 peer-hover:rotate-180"
> >
<path fill='currentColor' d='m12 15l-5-5h10z'></path> <path fill="currentColor" d="m12 15l-5-5h10z"></path>
</svg> </svg>
</a> </a>
<div <div
class='invisible absolute left-0 mt-2 w-48 rounded-md bg-white py-2 opacity-0 shadow-lg transition-all duration-200 hover:visible hover:opacity-100 peer-hover:visible peer-hover:opacity-100 dark:bg-gray-800' class="invisible absolute left-0 mt-2 w-48 rounded-md bg-white py-2 opacity-0 shadow-lg transition-all duration-200 peer-hover:visible peer-hover:opacity-100 hover:visible hover:opacity-100 dark:bg-gray-800"
> >
<a <a
href='/categories' href="/categories"
class={`block px-6 py-3 text-[1.05rem] font-medium transition-colors hover:bg-gray-100 ${Astro.url.pathname.startsWith('/categories') ? 'text-green-400' : ''} dark:hover:bg-gray-700`} class={`block px-6 py-3 text-[1.05rem] font-medium transition-colors hover:bg-gray-100 ${Astro.url.pathname.startsWith("/categories") ? "text-green-400" : ""} dark:hover:bg-gray-700`}
aria-label='Categories Page' aria-label="Categories Page"
> >
Categories Categories
</a> </a>
<a <a
href='/tags' href="/tags"
class={`block px-6 py-3 text-[1.05rem] font-medium transition-colors hover:bg-gray-100 ${Astro.url.pathname.startsWith('/tags') ? 'text-green-400' : ''} dark:hover:bg-gray-700`} class={`block px-6 py-3 text-[1.05rem] font-medium transition-colors hover:bg-gray-100 ${Astro.url.pathname.startsWith("/tags") ? "text-green-400" : ""} dark:hover:bg-gray-700`}
aria-label='Tags Page' aria-label="Tags Page"
> >
Tags Tags
</a> </a>
<a <a
href='/diary' href="/diary"
class={`block px-6 py-3 text-[1.05rem] font-medium transition-colors hover:bg-gray-100 ${Astro.url.pathname.startsWith('/diary') ? 'text-green-400' : ''} dark:hover:bg-gray-700`} class={`block px-6 py-3 text-[1.05rem] font-medium transition-colors hover:bg-gray-100 ${Astro.url.pathname.startsWith("/diary") ? "text-green-400" : ""} dark:hover:bg-gray-700`}
aria-label='Diary Page' aria-label="Diary Page"
> >
Diary Diary
</a> </a>
</div> </div>
</div> </div>
<a <a
href='/tools' href="/tools"
class={`flex-none text-[1.05rem] font-medium ${Astro.url.pathname.startsWith('/tools') ? 'text-green-400' : ''}`} class={`flex-none text-[1.05rem] font-medium ${Astro.url.pathname.startsWith("/tools") ? "text-green-400" : ""}`}
aria-label='Nav Menu Item' aria-label="Nav Menu Item"
>Tools >Tools
</a> </a>
<div class='relative'> <div class="relative">
<button class='peer flex items-center text-[1.05rem] font-medium' aria-label='More Menu'> <button class="peer flex items-center text-[1.05rem] font-medium" aria-label="More Menu">
More More
<svg <svg
xmlns='http://www.w3.org/2000/svg' xmlns="http://www.w3.org/2000/svg"
width='20' width="20"
height='20' height="20"
viewBox='0 0 24 24' viewBox="0 0 24 24"
class='ml-1 transform transition-transform duration-200 peer-hover:rotate-180' class="ml-1 transform transition-transform duration-200 peer-hover:rotate-180"
> >
<path fill='currentColor' d='m12 15l-5-5h10z'></path> <path fill="currentColor" d="m12 15l-5-5h10z"></path>
</svg> </svg>
</button> </button>
<div <div
class='invisible absolute right-0 mt-2 w-48 rounded-md bg-white py-2 opacity-0 shadow-lg transition-all duration-200 hover:visible hover:opacity-100 peer-hover:visible peer-hover:opacity-100 dark:bg-gray-800' class="invisible absolute right-0 mt-2 w-48 rounded-md bg-white py-2 opacity-0 shadow-lg transition-all duration-200 peer-hover:visible peer-hover:opacity-100 hover:visible hover:opacity-100 dark:bg-gray-800"
> >
<a <a
href='/friends' href="/friends"
class={`block px-6 py-3 text-[1.05rem] font-medium transition-colors hover:bg-gray-100 ${Astro.url.pathname.startsWith('/friends') ? 'text-green-400' : ''} dark:hover:bg-gray-700`} class={`block px-6 py-3 text-[1.05rem] font-medium transition-colors hover:bg-gray-100 ${Astro.url.pathname.startsWith("/friends") ? "text-green-400" : ""} dark:hover:bg-gray-700`}
aria-label='Friends Page' aria-label="Friends Page"
> >
Friends Friends
</a> </a>
@ -113,30 +113,30 @@ import { Image } from 'astro:assets'
</div> </div>
<button <button
id='toggleDarkMode' id="toggleDarkMode"
class='relative rounded-md border border-border p-1.5 transition-all hover:bg-border' class="border-border hover:bg-border relative rounded-md border p-1.5 transition-all"
> >
<span class='sr-only'>Dark Theme</span> <span class="sr-only">Dark Theme</span>
<svg <svg
xmlns='http://www.w3.org/2000/svg' xmlns="http://www.w3.org/2000/svg"
width='32' width="32"
height='32' height="32"
viewBox='0 0 24 24' viewBox="0 0 24 24"
class='h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:hidden dark:-rotate-90 dark:scale-0' class="h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:hidden dark:scale-0 dark:-rotate-90"
><path ><path
fill='currentColor' fill="currentColor"
d='M12 15q1.25 0 2.125-.875T15 12q0-1.25-.875-2.125T12 9q-1.25 0-2.125.875T9 12q0 1.25.875 2.125T12 15m0 1q-1.671 0-2.836-1.164T8 12q0-1.671 1.164-2.836T12 8q1.671 0 2.836 1.164T16 12q0 1.671-1.164 2.836T12 16m-7-3.5H1.5v-1H5zm17.5 0H19v-1h3.5zM11.5 5V1.5h1V5zm0 17.5V19h1v3.5zM6.746 7.404l-2.16-2.098l.695-.744l2.111 2.134zM18.72 19.438l-2.117-2.14l.652-.702l2.16 2.098zM16.596 6.746l2.098-2.16l.744.695l-2.134 2.111zM4.562 18.72l2.14-2.117l.663.652l-2.078 2.179zM12 12' d="M12 15q1.25 0 2.125-.875T15 12q0-1.25-.875-2.125T12 9q-1.25 0-2.125.875T9 12q0 1.25.875 2.125T12 15m0 1q-1.671 0-2.836-1.164T8 12q0-1.671 1.164-2.836T12 8q1.671 0 2.836 1.164T16 12q0 1.671-1.164 2.836T12 16m-7-3.5H1.5v-1H5zm17.5 0H19v-1h3.5zM11.5 5V1.5h1V5zm0 17.5V19h1v3.5zM6.746 7.404l-2.16-2.098l.695-.744l2.111 2.134zM18.72 19.438l-2.117-2.14l.652-.702l2.16 2.098zM16.596 6.746l2.098-2.16l.744.695l-2.134 2.111zM4.562 18.72l2.14-2.117l.663.652l-2.078 2.179zM12 12"
></path></svg ></path></svg
> >
<svg <svg
xmlns='http://www.w3.org/2000/svg' xmlns="http://www.w3.org/2000/svg"
width='32' width="32"
height='32' height="32"
viewBox='0 0 24 24' viewBox="0 0 24 24"
class='hidden h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:block dark:rotate-0 dark:scale-100' class="hidden h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:block dark:scale-100 dark:rotate-0"
><path ><path
fill='currentColor' fill="currentColor"
d='M12.058 20q-3.334 0-5.667-2.333Q4.058 15.333 4.058 12q0-3.038 1.98-5.27Q8.02 4.5 10.942 4.097q.081 0 .159.006t.153.017q-.506.706-.801 1.57q-.295.865-.295 1.811q0 2.667 1.866 4.533q1.867 1.867 4.534 1.867q.952 0 1.813-.295q.862-.295 1.548-.801q.012.075.018.153q.005.078.005.158q-.384 2.923-2.615 4.904T12.057 20' d="M12.058 20q-3.334 0-5.667-2.333Q4.058 15.333 4.058 12q0-3.038 1.98-5.27Q8.02 4.5 10.942 4.097q.081 0 .159.006t.153.017q-.506.706-.801 1.57q-.295.865-.295 1.811q0 2.667 1.866 4.533q1.867 1.867 4.534 1.867q.952 0 1.813-.295q.862-.295 1.548-.801q.012.075.018.153q.005.078.005.158q-.384 2.923-2.615 4.904T12.057 20"
></path></svg ></path></svg
> >
</button> </button>
@ -144,71 +144,71 @@ import { Image } from 'astro:assets'
<!-- Mobile Navigation --> <!-- Mobile Navigation -->
<div <div
id='mobileMenu' id="mobileMenu"
class='fixed inset-x-0 top-[72px] z-50 hidden max-h-[calc(100vh-72px)] overflow-y-auto rounded-b-lg bg-white shadow-lg dark:bg-gray-800 lg:hidden' class="fixed inset-x-0 top-[72px] z-50 hidden max-h-[calc(100vh-72px)] overflow-y-auto rounded-b-lg bg-white shadow-lg lg:hidden dark:bg-gray-800"
> >
<div class='space-y-2 px-4 py-2'> <div class="space-y-2 px-4 py-2">
<a <a
href='/blog' href="/blog"
class={`block py-2 text-[1.05rem] font-medium ${Astro.url.pathname.startsWith('/blog') ? 'text-green-400' : ''}`} class={`block py-2 text-[1.05rem] font-medium ${Astro.url.pathname.startsWith("/blog") ? "text-green-400" : ""}`}
> >
Blog Blog
</a> </a>
<a <a
href='/categories' href="/categories"
class={`block py-2 text-[1.05rem] font-medium ${Astro.url.pathname.startsWith('/categories') ? 'text-green-400' : ''}`} class={`block py-2 text-[1.05rem] font-medium ${Astro.url.pathname.startsWith("/categories") ? "text-green-400" : ""}`}
> >
Categories Categories
</a> </a>
<a <a
href='/tags' href="/tags"
class={`block py-2 text-[1.05rem] font-medium ${Astro.url.pathname.startsWith('/tags') ? 'text-green-400' : ''}`} class={`block py-2 text-[1.05rem] font-medium ${Astro.url.pathname.startsWith("/tags") ? "text-green-400" : ""}`}
> >
Tags Tags
</a> </a>
<a <a
href='/diary' href="/diary"
class={`block py-2 text-[1.05rem] font-medium ${Astro.url.pathname.startsWith('/diary') ? 'text-green-400' : ''}`} class={`block py-2 text-[1.05rem] font-medium ${Astro.url.pathname.startsWith("/diary") ? "text-green-400" : ""}`}
> >
Diary Diary
</a> </a>
<a <a
href='/tools' href="/tools"
class={`block py-2 text-[1.05rem] font-medium ${Astro.url.pathname.startsWith('/tools') ? 'text-green-400' : ''}`} class={`block py-2 text-[1.05rem] font-medium ${Astro.url.pathname.startsWith("/tools") ? "text-green-400" : ""}`}
> >
Tools Tools
</a> </a>
<a <a
href='/friends' href="/friends"
class={`block py-2 text-[1.05rem] font-medium ${Astro.url.pathname.startsWith('/friends') ? 'text-green-400' : ''}`} class={`block py-2 text-[1.05rem] font-medium ${Astro.url.pathname.startsWith("/friends") ? "text-green-400" : ""}`}
> >
Friends Friends
</a> </a>
<button <button
id='mobileToggleDarkMode' id="mobileToggleDarkMode"
class='mt-2 flex w-full items-center py-2 text-[1.05rem] font-medium' class="mt-2 flex w-full items-center py-2 text-[1.05rem] font-medium"
> >
<span>Theme</span> <span>Theme</span>
<svg <svg
xmlns='http://www.w3.org/2000/svg' xmlns="http://www.w3.org/2000/svg"
width='32' width="32"
height='32' height="32"
viewBox='0 0 24 24' viewBox="0 0 24 24"
class='ml-2 h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:hidden dark:-rotate-90 dark:scale-0' class="ml-2 h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:hidden dark:scale-0 dark:-rotate-90"
><path ><path
fill='currentColor' fill="currentColor"
d='M12 15q1.25 0 2.125-.875T15 12q0-1.25-.875-2.125T12 9q-1.25 0-2.125.875T9 12q0 1.25.875 2.125T12 15m0 1q-1.671 0-2.836-1.164T8 12q0-1.671 1.164-2.836T12 8q1.671 0 2.836 1.164T16 12q0 1.671-1.164 2.836T12 16m-7-3.5H1.5v-1H5zm17.5 0H19v-1h3.5zM11.5 5V1.5h1V5zm0 17.5V19h1v3.5zM6.746 7.404l-2.16-2.098l.695-.744l2.111 2.134zM18.72 19.438l-2.117-2.14l.652-.702l2.16 2.098zM16.596 6.746l2.098-2.16l.744.695l-2.134 2.111zM4.562 18.72l2.14-2.117l.663.652l-2.078 2.179zM12 12' d="M12 15q1.25 0 2.125-.875T15 12q0-1.25-.875-2.125T12 9q-1.25 0-2.125.875T9 12q0 1.25.875 2.125T12 15m0 1q-1.671 0-2.836-1.164T8 12q0-1.671 1.164-2.836T12 8q1.671 0 2.836 1.164T16 12q0 1.671-1.164 2.836T12 16m-7-3.5H1.5v-1H5zm17.5 0H19v-1h3.5zM11.5 5V1.5h1V5zm0 17.5V19h1v3.5zM6.746 7.404l-2.16-2.098l.695-.744l2.111 2.134zM18.72 19.438l-2.117-2.14l.652-.702l2.16 2.098zM16.596 6.746l2.098-2.16l.744.695l-2.134 2.111zM4.562 18.72l2.14-2.117l.663.652l-2.078 2.179zM12 12"
></path></svg ></path></svg
> >
<svg <svg
xmlns='http://www.w3.org/2000/svg' xmlns="http://www.w3.org/2000/svg"
width='32' width="32"
height='32' height="32"
viewBox='0 0 24 24' viewBox="0 0 24 24"
class='ml-2 hidden h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:block dark:rotate-0 dark:scale-100' class="ml-2 hidden h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:block dark:scale-100 dark:rotate-0"
><path ><path
fill='currentColor' fill="currentColor"
d='M12.058 20q-3.334 0-5.667-2.333Q4.058 15.333 4.058 12q0-3.038 1.98-5.27Q8.02 4.5 10.942 4.097q.081 0 .159.006t.153.017q-.506.706-.801 1.57q-.295.865-.295 1.811q0 2.667 1.866 4.533q1.867 1.867 4.534 1.867q.952 0 1.813-.295q.862-.295 1.548-.801q.012.075.018.153q.005.078.005.158q-.384 2.923-2.615 4.904T12.057 20' d="M12.058 20q-3.334 0-5.667-2.333Q4.058 15.333 4.058 12q0-3.038 1.98-5.27Q8.02 4.5 10.942 4.097q.081 0 .159.006t.153.017q-.506.706-.801 1.57q-.295.865-.295 1.811q0 2.667 1.866 4.533q1.867 1.867 4.534 1.867q.952 0 1.813-.295q.862-.295 1.548-.801q.012.075.018.153q.005.078.005.158q-.384 2.923-2.615 4.904T12.057 20"
></path></svg ></path></svg
> >
</button> </button>
@ -219,59 +219,59 @@ import { Image } from 'astro:assets'
<script> <script>
function getCurrentTheme() { function getCurrentTheme() {
return localStorage.getItem('theme') return localStorage.getItem("theme");
} }
function setupDarkModeToggle() { function setupDarkModeToggle() {
const toggleDarkModeButton = document.getElementById('toggleDarkMode') const toggleDarkModeButton = document.getElementById("toggleDarkMode");
const mobileToggleDarkMode = document.getElementById('mobileToggleDarkMode') const mobileToggleDarkMode = document.getElementById("mobileToggleDarkMode");
function toggleTheme() { function toggleTheme() {
const currentTheme = getCurrentTheme() const currentTheme = getCurrentTheme();
const newTheme = currentTheme === 'dark' ? 'light' : 'dark' const newTheme = currentTheme === "dark" ? "light" : "dark";
localStorage.setItem('theme', newTheme) localStorage.setItem("theme", newTheme);
document.documentElement.classList.toggle('dark') document.documentElement.classList.toggle("dark");
// Dispatch theme change event // Dispatch theme change event
window.dispatchEvent(new CustomEvent('theme-change', { detail: { theme: newTheme } })) window.dispatchEvent(new CustomEvent("theme-change", { detail: { theme: newTheme } }));
} }
if (toggleDarkModeButton) { if (toggleDarkModeButton) {
toggleDarkModeButton.addEventListener('click', toggleTheme) toggleDarkModeButton.addEventListener("click", toggleTheme);
} }
if (mobileToggleDarkMode) { if (mobileToggleDarkMode) {
mobileToggleDarkMode.addEventListener('click', toggleTheme) mobileToggleDarkMode.addEventListener("click", toggleTheme);
} }
} }
function setupMobileMenu() { function setupMobileMenu() {
const mobileMenuButton = document.getElementById('mobileMenuButton') const mobileMenuButton = document.getElementById("mobileMenuButton");
const mobileMenu = document.getElementById('mobileMenu') const mobileMenu = document.getElementById("mobileMenu");
if (!mobileMenuButton || !mobileMenu) return if (!mobileMenuButton || !mobileMenu) return;
mobileMenuButton.addEventListener('click', () => { mobileMenuButton.addEventListener("click", () => {
mobileMenu.classList.toggle('hidden') mobileMenu.classList.toggle("hidden");
}) });
// Close mobile menu when clicking outside // Close mobile menu when clicking outside
document.addEventListener('click', (event) => { document.addEventListener("click", (event) => {
if ( if (
!mobileMenuButton.contains(event.target as Node) && !mobileMenuButton.contains(event.target as Node) &&
!mobileMenu.contains(event.target as Node) !mobileMenu.contains(event.target as Node)
) { ) {
mobileMenu.classList.add('hidden') mobileMenu.classList.add("hidden");
} }
}) });
} }
// Setup initial functionality // Setup initial functionality
setupDarkModeToggle() setupDarkModeToggle();
setupMobileMenu() setupMobileMenu();
// Re-setup functionality after view transitions // Re-setup functionality after view transitions
document.addEventListener('astro:after-swap', () => { document.addEventListener("astro:after-swap", () => {
setupDarkModeToggle() setupDarkModeToggle();
setupMobileMenu() setupMobileMenu();
}) });
</script> </script>

78
src/content/post/与被我荒废的 7 年告别，从头开始.md Normal file
View File

@ -0,0 +1,78 @@
---
toAstro: true
astroType: post
published: false
toWexin: null
toJuejin: null
toZhihu: null
date: 2025-04-01T22:12:00.000Z
tags:
- 反思
category: 随笔
slug: saying-goodbye-to-wasted-7-years
description: null
title: 与被我荒废的 7 年告别，从头开始
date_created: 20250401
date_modified: 20250401
---
17 年大一，到现在已经 7 年多了，回顾一下我是如何荒废掉这 7 年时间的。想要与此告别，从头开始。
## 1. 在大学只“治”好了病
其实我的性格一直都非常的内向，小学的时候被老师叫起来回答问题，我虽然知道答案，但是就是不敢开口，最后只能急得控制不住自己的情绪然后在全班面前哭出来。
稍微改善一点是在高中，由于外公是退休的职工，班级的老师都认识他，有时候回教室宿舍的时候会碰到他们，然后聊上一两句。在那个环境下，我是更放松的，并且确实有想要学习的动力，所以会上台请教老师问题。再加上英语和语文老师都会安排每节课会有一个 talk 环节，也就是上台用中文或者英文分享一些内容。高中时候的我也知道我不能再像小学那样靠哭来逃避，这种分享是躲不掉的，所以只能私下多加练习，然后逼自己站在台上讲话。
到了大学，到了一个新的环境，不知道为什么格外地兴奋，在各种群中都比较活跃，甚至买了桌游到寝室和室友一起玩。当时会有一些社团招新的活动，去看了辩论队的表演赛后对此有些感兴趣，于是报名参加了辩论队。
其实在收到一面短信的时候，很紧张，打起了退堂鼓，给负责的学姐发了短信说自己可能不合适，想要退出，学姐劝了一下我说试一下也无妨。但是真的没想到我就双腿颤抖着靠着下意识完成了一面、二面，最终进入了辩论队。要知道在此之前我真的很胆小，回头再看我真的不知道为什么有勇气去报名辩论队。
在辩论队打了两年比赛，准备辩题的过程中学会了怎么在短时间内把一些概念掌握并讲清楚，也在众多观众的围观下治好了我多年的不敢开口。沟通能力或者说基础的公众表达能力的缺失是我一直以来的病，治病需要花时间是很正常的事情。
但是回过头来看，这或许是我大学时期为数不多的收获了。
## 2. 这些年所犯的错
### 2.1. 第一个错 ：不再自律
大一上学期的时候，我的成绩还是中上，到了下学期开始下滑，可能是精力的不足，也可能是缺乏他人监督后变得懈怠。高中的时候，每次月考班主任都会念班级排名，也会把排名粘贴在班级的门口，再加上是封闭式的管理，不能玩手机，所以在那样的环境下，我们能做的只有学习。
但是到了大学，一切都不一样了，我可以在没有课的时候回宿舍休息，也可以去图书馆泡着，这都是自己的选择，不过选择的后果也需要自己承担。我渐渐地失去了自律的状态，这是我犯的第一个错。
### 2.2. 第二个错 ：错误的选择和规划
大三是一个很重要的阶段，需要考虑就业、考研、考公等等未来的路。由于很多学长学姐都选择了的是产品经理这条路，我也有些动摇，最开始的实习投递的是产品岗，投了几份后匆忙去了一家上海的产品实习岗位，在这份实习中，我才意识到当我作为产品经理的时候我是没有产出动力的。然后我才将自己的就业意向从产品改为了前端。
其实辅导员在收集就业意向且我给的意向是产品的时候，他有劝过我应该是后端>前端>产品，但我还是头铁，选择相信自己的选择。
在就业意向转为前端的时候，我在家开始复习，效率很低，同时秋招开始了，也开始投递一些实习岗位，最开始投了腾讯（其实不应该那么早的，或者说我应该提前规划自己的实习方向和学习计划），毫无疑问一面挂，后来也面了一些，都是石沉大海。只去了百词斩的实习，在那里一边实习干活，一边学习继续准备面试。
所以其实直到春招，我才有第一个正式的 offer。
回头再看，这些都是因为我没有意识什么时间该做什么事情，以及我到底要做什么岗位。
### 2.3. 第三个错 ：拿到 offer 后的懈怠
其实春招拿到的 offer 待遇并不算好，应该继续面试的去争取更好的待遇。
### 2.4. 第四个错 ：学东西都浮于表面
写了这么久的前端了，即使自己也会写 side project，但是更多的都是浮于表面地写出来，也就是说做的很多都是玩具项目，对于技术的认知并没有提升。这一点很早之前面美团的时候，面试老师也有点出来，觉得我虽然想法很多但是技术不是很扎实。
## 3. 没有努力过，有什么资格抱怨现状
所以在犯错这么多的情况下，我的现状并不好，有时候看到同龄人的现状的时候，确实很羡慕，也会抱怨为什么我活成了现在这幅样子。
但是我都没有真的努力过，又有什么资格抱怨现状？ 甚至现在拥有的一些东西，都只是在吃学历的“老本”。
在上海的时候，有一个刚入职的同事听到我的学校后很惊讶，说了一句“你怎么来这了”，其实那一刻心里有些触动。内心的想法在打架。
- A: 是啊，我怎么来这了？
- B: 是啊，我这种状态能来这里已经不错了。
不想再抱怨什么了，现在更多的时候会想为什么我都没努力过就放弃了？
现在醒过来，再好好努力一把，如果还是争取不到再认命不行吗？
我会给自己一段时间，与过去 7 年颓废的自己告别，努力找回最初的状态。
> 时间是最好的法官，是非成败未来见。

47
src/content/post/避免空口鉴抄、鉴AI.md Normal file
View File

@ -0,0 +1,47 @@
---
toAstro: true
astroType: post
published: true
toWexin: null
toJuejin: null
toZhihu: null
date: 2025-04-01T22:56:00.000Z
tags:
- 鉴抄
category: 随笔
slug: no-unproven-claims-against-creators
description: null
title: 避免空口鉴抄、鉴AI
date_created: 20250401
date_modified: 20250401
---
前几天朋友在小红书上发了自己的作品，被底下的人评论鉴 AI。她们的对话如下：
- 路人：AI 画的？
- 朋友：为什么觉得是 AI
- 路人：感觉像 AI
当时看得我有点无奈，把之前写的一篇杜绝空口鉴抄袭的评论改了一下，发给了当时鉴 AI 的路人，不久后 ta 删除了评论并向我的朋友私信表示了歉意。
之前对于杜绝空口鉴抄袭的评论是这样的：
> 我觉得每个人都应该强调不要空口鉴抄，更不要用这种理由作为攻击他人作品的武器。
>
> 这种鉴抄不是在保护原创，而是在打击原创。
>
> 因为鉴抄不需要任何成本，把舆论带起来后到最终出鉴别结果有很长一段时间，在这个时间差内有的伤害已经造成了。
>
> 当然能做到这一点确实很难很难，虽然已经在各大平台见过很多相关科普，但转过头还是一样有很多人空口鉴抄。其中有不少故意的人，也会有被带着走的人。
>
> 能怎么办呢，我只希望我不要成为那种人。
>
> 也期待能有更快速直接的渠道来完成鉴别整个流程。
>
> 本身怀有恶意的人是无法从说通的，但可以减少他们通过打时间差和信息差去带节奏，给别人造成伤害的概率。
其实我无论是对于空口鉴抄袭还是鉴 AI 都是这种态度：
- 对于鉴别者：谁主张谁举证
- 对于围观者：不应该把压力一开始就给到创作者本人

5
src/pages/index.astro
View File

@ -1,7 +1,6 @@
--- ---
import SocialList from "@/components/SocialList.astro"; import SocialList from "@/components/SocialList.astro";
import PostPreview from "@/components/blog/PostPreview.astro"; import PostPreview from "@/components/blog/PostPreview.astro";
import Note from "@/components/note/Note.astro";
import { getAllFixedToTopPosts, getAllNotes, getAllPosts } from "@/data/post"; import { getAllFixedToTopPosts, getAllNotes, getAllPosts } from "@/data/post";
import PageLayout from "@/layouts/Base.astro"; import PageLayout from "@/layouts/Base.astro";
import { collectionDateSort } from "@/utils/date"; import { collectionDateSort } from "@/utils/date";
@ -74,7 +73,7 @@ const latestNotes = allNotes.sort(collectionDateSort).slice(0, MAX_NOTES);
} }
</ul> </ul>
</section> </section>
{ <!-- {
latestNotes.length > 0 && ( latestNotes.length > 0 && (
<section class="mt-16"> <section class="mt-16">
<h2 class="title text-accent mb-6 text-xl"> <h2 class="title text-accent mb-6 text-xl">
@ -89,7 +88,7 @@ const latestNotes = allNotes.sort(collectionDateSort).slice(0, MAX_NOTES);
</ul> </ul>
</section> </section>
) )
} } -->
<ContentFooter /> <ContentFooter />
<GiscusComment client:load /> <GiscusComment client:load />
</PageLayout> </PageLayout>

4
src/pages/rss.xml.ts
View File

@ -1,6 +1,6 @@
import { getAllPosts } from "@/data/post"; import { getAllPosts } from "@/data/post";
import { siteConfig } from "@/site.config"; import { siteConfig } from "@/site.config";
import { collectionDateSort } from "@/utils/date"; import { collectionDateSort, convertToGMT } from "@/utils/date";
import rss from "@astrojs/rss"; import rss from "@astrojs/rss";
import MarkdownIt from "markdown-it"; import MarkdownIt from "markdown-it";
import sanitizeHtml from "sanitize-html"; import sanitizeHtml from "sanitize-html";
@ -25,7 +25,7 @@ export const GET = async () => {
return { return {
title: post.data.title, title: post.data.title,
description: (post.data.description ?? "") + "\t" + tagStr, description: (post.data.description ?? "") + "\t" + tagStr,
pubDate: post.dateToCmp, pubDate: convertToGMT(post.dateToCmp),
link: `posts/${post.id}/`, link: `posts/${post.id}/`,
content: post.body content: post.body
? sanitizeHtml( ? sanitizeHtml(

14
src/site.config.ts
View File

@ -20,13 +20,13 @@ export const siteConfig: SiteConfig = {
// Meta property, found in src/components/BaseHead.astro L:42 // Meta property, found in src/components/BaseHead.astro L:42
ogLocale: "zh_CN", ogLocale: "zh_CN",
// Used to construct the meta title property found in src/components/BaseHead.astro L:11, and webmanifest name found in astro.config.ts L:42 // Used to construct the meta title property found in src/components/BaseHead.astro L:11, and webmanifest name found in astro.config.ts L:42
title: "声控烤箱 ｜ KazooTTT 博客", title: "KazooTTT 博客",
// ! Please remember to replace the following site property with your own domain, used in astro.config.ts // ! Please remember to replace the following site property with your own domain, used in astro.config.ts
url: "https://blog.kazoottt.top/", url: "https://blog.kazoottt.top/",
rssConfig: { rssConfig: {
noteTitle: "碎碎念 - 声控烤箱 ｜ KazooTTT", noteTitle: "碎碎念 - KazooTTT 博客",
noteDescription: "分享一些比较碎片化的内容。", noteDescription: "分享一些比较碎片化的内容。",
blogTitle: "博客 - 声控烤箱 ｜ KazooTTT", blogTitle: "博客 - KazooTTT",
blogDescription: "分享一些技术笔记、个人随笔、生活日常等比较长篇的内容。", blogDescription: "分享一些技术笔记、个人随笔、生活日常等比较长篇的内容。",
}, },
}; };
@ -45,10 +45,10 @@ export const menuLinks: { path: string; title: string }[] = [
path: "/posts/", path: "/posts/",
title: "Blog", title: "Blog",
}, },
{ // {
path: "/notes/", // path: "/notes/",
title: "Notes", // title: "Notes",
}, // },
{ {
path: "/friends/", path: "/friends/",
title: "Friends", title: "Friends",

5
src/utils/date.ts
View File

@ -23,3 +23,8 @@ export function collectionDateSort(a: AllItem, b: AllItem) {
export function getLatestUpdatedPost(a: AllItem, b: AllItem) { export function getLatestUpdatedPost(a: AllItem, b: AllItem) {
return getDateSortByUpdateTime(b).getTime() - getDateSortByUpdateTime(a).getTime(); return getDateSortByUpdateTime(b).getTime() - getDateSortByUpdateTime(a).getTime();
} }
export function convertToGMT(date: Date) {
// Subtract 8 hours to convert Beijing time to GMT
return new Date(date.getTime() - 8 * 60 * 60 * 1000);
}