Update docs and sort content

src/content/post/Hanser/与hanser有关的github仓库.md

@@ -0,0 +1,54 @@
+---
+title: 与hanser有关的github仓库
+date: 2024-12-18
+author: KazooTTT
+type: Post
+status: Published
+tags:
+  - hanser
+  - unity
+  - shader
+  - github
+finished: false
+published: true
+category: Hanser
+slug: hanser-repository
+description: 收集与hanser相关的开源项目
+toAstro: true
+---
+
+## UnityURPToonLitShader
+
+🔗 github.com/ColinLeung-NiloCat/UnityURPToonLitShaderExample  
+
+  ![image.png](https://pictures.kazoottt.top/2024/12/20241218-5fb6f76d90389b1cd817ec84f39cb7ce.png)
+
+![image.png](https://pictures.kazoottt.top/2024/12/20241218-3cbad51ac0ff6851f8a15063ce72722d.png)
+
+## Jason Ma Toon Render Pipeline
+
+🔗 github.com/JasonMa0012/JTRP  
+
+![image.png](https://pictures.kazoottt.top/2024/12/20241218-f9724a9eeca411d57a48d305c42d84f6.png)
+
+![image.png](https://pictures.kazoottt.top/2024/12/20241218-2390f27d1d6a71ba4a903588d4d64993.png)
+
+📚 教程 BV1AA411A7RR  
+
+## 毛怪俱乐部分享卡片
+
+仓库：[GitHub - KazooTTT/hanser-club-share-card-web: input mgclub post url, output the long pic to share.](https://github.com/KazooTTT/hanser-club-share-card-web)
+
+网站：[Mgclub Share Card](https://share255.kazoottt.top/)
+
+输入帖子的链接，生成对应的帖子内容的图片。
+
+这是我很早之前写的项目，目前毛吧的 app 上已经可以生成分享图了，所以项目的意义不大了。
+
+![image.png](https://pictures.kazoottt.top/2024/12/20241218-6d98c83fd2eb219534c6c17fbfed4c6d.png)
+
+## 毛怪俱乐部显示最新的回复时间
+
+[GitHub - KazooTTT/hanser-mgclub-show-reply-time: 通过拦截请求,实现展示毛怪俱乐部每条帖子的最新回复时间。](https://github.com/KazooTTT/hanser-mgclub-show-reply-time)
+
+![68747470733a2f2f6b617a6f6f7474742d313235363638343234332e636f732e61702d6368656e6764752e6d7971636c6f75642e636f6d2f3230323330333237323135343337342e676966.gif](https://pictures.kazoottt.top/2024/12/20241218-1663a4738551119765e6e38f3d978306.gif)

src/content/post/react-scan的用法.md

@@ -73,3 +73,7 @@ const isBadRender =
 并且 react-scan 自带面板，不需要像 devtool 一样首先需要打开 devtool 再勾选上 re-render 的画面闪烁监听。
 
 ![image.png](https://pictures.kazoottt.top/2024/12/20241217-1db17bd2dcccf168976cdc833df6f6a3.png)
+
+## 参考
+
+[还有这种前端技巧？REACT-SCAN 代码鉴赏｜精简版\_哔哩哔哩\_bilibili](https://www.bilibili.com/video/BV1JrzvYgERi/)

src/content/post/编程/前端/zustand 使用备忘.md

@@ -130,7 +130,7 @@ const CurrentCamera: React.FC = () => {
 > 
 > If you have a large application, Zustand supports splitting the store into slices.
 > 
-> 如果你有一个大型应用程序，Zustand 支持将存储拆分为切片。  
+> 如果你有一个大型应用程序，Zustand 支持将存储拆分为切片。
 
 ## 错误用法 4 与 UI 无关的 state 通过 selector 获取