呜啦！日常碎碎念，偶尔掉落优质前端博文推荐、学习资源等
网页：https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦～
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态

图频：Cosine 🎨 Gallery @CosineGallery
猫片： @cosine_cat
联系频道主：@cosine_yu
#博客更新 #碎碎念
最近把我们的 Electron 应用配置上了 Mac 端的 TestFlight，用 GitHub Actions 实现自动化构建和上传。踩了不少坑，记录一下整个流程。
用 GitHub Actions 自动化 Electron 上架 MAS（Mac App Store）
博客更新 碎碎念
#博客更新 #git #react
汇总了一下开发过程中遇到的各种命令之类的，供自己参考！
Fork 主题如何更新？基于 Ink 构建主题更新 CLI 工具
cos
Fork 主题如何更新？基于 Ink 构建主题更新 CLI 工具 | 工具 | 余弦の博客
本文图表、伪代码等由 AI 辅助编写 当你 fork 了一个开源项目作为自己的博客主题，如何优雅地从上游仓库同步更新？手动敲一串 Git 命令既繁琐又容易出错；但直接点 Fork 的 Sync 按钮，又可能覆盖你的自定义配置和内容。 很多人...
博客更新 git react
#博客更新 #图片优化 #Shell

最近需要处理别人的服务器上大量历史图片的压缩问题。因为历史遗留原因（别问，问就不是我的锅） 累积了不少高分辨率的全景图和常规照片，占用存储空间越来越大。

虽然之前在前端生产环境中一直使用 sharp-cli 和 @napi-rs/image 等进行图片处理，但这次面对的是已存储的历史图片批量压缩场景，并且这次提供的环境是堡垒机，只能通过网页终端进行操作，没有 GUI，需要更灵活的命令行工具。

这篇文章记录了完整过程，希望对有类似需求的朋友有所帮助。

欢迎勘误拷打我知道肯定有更好的方法但是反正都压缩完了。

使用 ImageMagick 和 libvips 进行服务器端批量图片压缩
cos
使用 ImageMagick 和 libvips 进行服务器端批量图片压缩 | 工具 | 余弦の博客
最近需要处理别人的服务器上大量历史图片的压缩问题。因为历史遗留原因， 下累积了不少高分辨率的全景图和常规照片，占用存储空间越来越大。虽然之前在前端生产环境中一直使用 sharp-cli、@napi-rs/image 等进行图片处理，但这次面...
博客更新 图片优化 Shell
#博客更新 #AI
非常喜欢这个工具于是写了一篇博文卖安利～
顺便给自己记录用。
Worktrunk 完全指南：让 Git Worktree 和 Claude Code 和平共处
cos
Worktrunk 完全指南：让 Git Worktree 和 Claude Code 和平共处 | 工具 | 余弦の博客
写在前面 最近用 Claude Code 写代码的频率越来越高，有时候会同时开三四个任务：一个在修 bug，一个在加新功能，一个在 review 中，还有一个在跑测试验证新点子。问题来了：它们都需要独立的工作目录，不然会互相串代码。 Git 的 ...
博客更新 AI
#博客更新 #碎碎念 #前端
把博客的使用指北简单搓出来了，然后换了一下切换昼夜模式的过渡动画，从左往右扫过去的感觉。

虽然说现阶段还不建议使用，但如果想 fork 出去改改还是可以的

有挺多历史遗留问题还再考虑怎么改，毕竟是 next 迁移过来的的。

astro-koharu 使用指南
博客更新 碎碎念 前端
cosine - 前端人の日常频道
#博客更新 #碎碎念 #折腾 #前端 究～极～花里胡哨！！ 圣诞节到了，想给博客加点节日氛围。最终实现了一套可开关的圣诞特效模块，包括雪花和彩灯以及圣诞配色方案～ 很赶很冲动，还没怎么仔细优化～ 注意看这个雪是双层的，内容容器夹在雪花中间，远景雪花在文章后面飘过，近景雪花在前面飘过，配合视差效果 雪花效果是从 Shadertoy 上的 Just snow 学来的！ 彩灯是参考 Toby J 的 CodePen 实现，调整为圣诞配色（红、绿、金） 我知道肯定会有人说花里胡哨所以我加了开关～～反正节日过了就下掉了～…
#博客更新 #碎碎念 #前端
简单让 AI 写了一下整体的实现～
为 Astro 博客添加可插拔的圣诞特效模块
cos
为 Astro 博客添加可插拔的圣诞特效模块 | 笔记 / 前端 | 余弦の博客
本文由 AI 辅助写作，作记录用 圣诞节到了，想给博客加点节日氛围。最终实现了一套可插拔的圣诞特效模块，包括： 3D 雪花飘落（React Three Fiber + GLSL 着色器） 悬挂彩灯装饰（CSS 动画） 头像圣诞帽（SVG） 圣诞配色方案（CSS 变量） 可拖拽圣诞球开关...
博客更新 碎碎念 前端
#博客更新 #碎碎念 #折腾 #前端
究～极～花里胡哨！！
圣诞节到了，想给博客加点节日氛围。最终实现了一套可开关的圣诞特效模块，包括雪花和彩灯以及圣诞配色方案～
很赶很冲动，还没怎么仔细优化～
注意看这个雪是双层的，内容容器夹在雪花中间，远景雪花在文章后面飘过，近景雪花在前面飘过，配合视差效果
雪花效果是从 Shadertoy 上的 Just snow 学来的！
彩灯是参考 Toby J 的 CodePen 实现，调整为圣诞配色（红、绿、金）
我知道肯定会有人说花里胡哨所以我加了开关～～反正节日过了就下掉了～
来看看喵～～
https://blog.cosine.ren/
博客更新 碎碎念 折腾 前端
#博客更新 #碎碎念 #Astro
更新了一篇偏记录向博客，一开始想在博客中，实现类似 Minimal CSS-only blurry image placeholders 的 CSS-only LQIP（低质量图片占位符），使用单个 CSS 自定义属性 —lqip 编码图片的模糊预览。

考虑了一下之后，还是选择简化一些的实现，不追求 CSS Only 了，因为打算先做博客内部的图片

头图过几天没准就干掉换成别的了嘿嘿。

仓库：https://github.com/cosZone/astro-koharu

在 Astro 博客中实现 LQIP（低质量图片占位符）
博客更新 碎碎念 Astro
cosine - 前端人の日常频道
#安全 #碎碎念 #react React 这个 CVE……影响范围比我想的还大得多，自建的 umami 服务今天突然发现 504 了才想起来，沃日，它是 Nextjs 写的啊！！！！ 虽然是在 docker 里跑的并且炸的是我一个不常用的服务器，最大的损失是 CPU 占用率突然飙到 100% 了一段时间，统计数据丢了不少。 随便找了一篇博客： 安全漏洞核弹|又一个CVSS10.0满分的安全漏洞爆发｜我的服务被攻击了，拆解攻击过程
#博客更新 #碎碎念 #前端 #安全
昨晚改好了，记录一下复盘。
只能说还得是 Docker 救大命，这要是 pm2 跑的话……以前懒得写 Docker Compose 的时候，很多应用会用 pm2 跑，现在不敢了。
React RCE 漏洞影响自建 Umami 服务 —— 记 CVE-2025-55182
cos
React RCE 漏洞影响自建 Umami 服务 —— 记 CVE-2025-55182 | 笔记 / 前端 / React | 余弦の博客
刚收到安全通告，我就马上更新了所有已知的 Next.js 和 React 应用，以为应该没事儿了。结果今天突然发现自建的 umami 服务 504 了才想起来，沃日，它是 Nextjs 写的啊！
博客更新 碎碎念 前端 安全
#博客更新 #AI
我的 Claude Code 使用小记 2
距离我 8 月份写下《我的 Claude Code 使用小记》已经过去了近 4 个月，在这段时间的高强度使用后，是时候分享一些新的体验了。
很短，并且比较支离破碎流水账，主要是为了记录。
cos
我的 Claude Code 使用小记 2 | 笔记 / AI | 余弦の博客
本文地址 https://blog.cosine.ren/post/my-claude-code-record-2 距离我 8 月份写下《我的 Claude Code 使用小记》已经过去了近 4 个月，在这段时间的高强度使用后，是时候分享一些新的体验了。...
博客更新 AI
#博客更新 #前端 #杂谈
浅谈前端的变与不变

觉得之前的想法还挺有意思的，决定润色润色放进博客里水一篇。这个标题听着好唬人，其实各行各业都适用。

hexo 博客 | astro 博客 | xLog
cos
浅谈前端的变与不变 | 随笔 | 余弦の博客
cosSpace 是基于 Next.js (App Router)、Typescript、React 和 Tailwind 开发的个人空间，是 cos_blogs 的重构版，为用户提供同时拥有博客和个人空间的平台。
博客更新 前端 杂谈
#博客更新 #AI
我的 Claude Code 使用小记
哎呦每次都很纠结丢哪个博客链接（x
我好鸽子精啊，赶紧把新博客搞好不就不用纠结了。
本篇没什么干货，只有一些小技巧记录～

hexo 博客 | astro 博客 | xLog
cos
我的 Claude Code 使用小记 | 笔记 / AI | 余弦の博客
cosSpace 是基于 Next.js (App Router)、Typescript、React 和 Tailwind 开发的个人空间，是 cos_blogs 的重构版，为用户提供同时拥有博客和个人空间的平台。
博客更新 AI
面条实验室
使用 Astro + Telegram Channel + SepiaTemplate 做了一个微博客。
浏览器端做到了 0 JS, 也可以加入 no-JS Club 了。
https://memo.miantiao.me/
#碎碎念 #项目更新
于是把 tg channel 部署了个网页先 🥰 确实简洁好用
（其实一开始不部署是因为我觉得我搜索 bot 够用了，完全没考虑这茬）
（这个 tag 打的其实不太符合但是就这样吧）

https://tg.cosine.ren

感谢 BroadcastChannel
tg.cosine.ren
cosine - 前端人の日常频道
呜啦！日常碎碎念，偶尔掉落优质前端博文推荐、学习资源等网页：https://tg.cosine.ren本频道的搜索Bot 来辣 👉 @cosSearchBot私聊直接发消息就可以搜索啦～🔖tags#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态图频：Cosine 🎨 Gallery @CosineGallery猫片： @cosine_cat联系频道主：@cosine_yu
碎碎念 项目更新
#博客更新 #前端 #WebGL #p5
从像素到粒子：p5.js 图像转动态粒子的设计与实现
疯狂叠甲，不行了，就先这样吧，这篇博文和项目搭建写的都比较匆忙，有很多写的比较烂的地方，毕竟是为需求服务的，重构本身就比较赶，后续应该会不断完善。
部分段落有使用 AI 进行润色和辅助，虽然很 AI 但是通俗易懂就留着了（要困死了先睡觉）
博客更新 前端 WebGL p5
#博客更新 #前端 #vscode #插件 #tools
2025 前端开发 vscode 常用插件推荐

终于写了，但是新增的插件其实也没多少 23333 大多数插件还是之前用的，一直好用。新增的工具倒是不少，但是应该会放另一篇文章里去，先去吃个萨莉亚再说，饿死我了！！

AI摘要：新增插件聚焦：WebGL（Shader）、Tailwind 工具链（高亮/文档）、国际化（i18n）、设计协作（Figma）。
核心工具保留：GitLens、ESLint/Prettier、Tailwind 生态插件。
效率提升：通过 CSV 处理、项目管理、注释翻译等插件优化工作流。
个性化选择：外观特效（如 Power Mode）按需启用。
作者备注：部分插件因转用 Cursor 编辑器或使用频率低而弃用，推荐列表基于实际开发场景筛选。
博客更新 前端 vscode 插件 tools
#博客更新 #前端 #tailwind #astro #css #升级
Tailwind CSS v4.0 升级与 Astro 5.2 项目迁移记录

是迁移过程小记和一些主要更新翻译，比较水，后续要是还有问题也丢这篇里边。

🔗 xLog链接
🔗 新版 Astro 博客链接
🔗 Follow - 余弦の博客
博客更新 前端 tailwind astro css 升级
cosine - 前端人の日常频道
#碎碎念 #年度报告 2024年B站的年度报告，时间过得好快啊，这就快10年了 N刷的视频是《一招搞定母猫发情》？？？麻麻听我解释
#博客更新 #年度报告
2024，心有所热，步履不停
是2024的年度总结，疑似有些太现充了🥰
新年快乐呀~祝大家都能得到自己想要的东西~
2024 于我而言是极度 “现充” 的一年，今年互联网给我总体感觉是浮躁、不安，人们经常互相攻击，也经常emo，希望这篇文章能带来一点点正能量。

提示：请勿在大晚上打开美食那一节

AI 摘要：2024年对我来说是生活与工作平衡的一年，主要专注于生活。尽管互联网环境浮躁，我通过美食和情感释放保持积极心态。今年我学会了如何去爱自己、他人和这个世界。 我购买了许多新设备，包括DJI Pocket 3、台式机和空调等，感觉未来几年不需要再买了。美食方面，我尝试了很多美味，包括俄式烧烤、烤鳗鱼和脆皮烤鱼等。 在居住方面，我搬回家开始远程办公，装饰了书房并展示了一些手办。今年我还解锁了许多新地点，包括北京、天津、深圳、香港、澳门的游玩经历，拍摄了很多照片，记录了我的生活点滴。希望这篇博客能带给你一点好心情。

Hexo博客链接 🔗 https://ysx.cosine.ren/2024-life-review
xLog链接 🔗 https://x.cosine.ren/2024-life-review
RSS订阅 📢 https://x.cosine.ren/feed/xml
2024, with a passionate heart, the steps never stop - cos
2024, with a passionate heart, the steps never stop - cos
本文于 https://ysx.cosine.ren/2024-life-review 阅读体验最佳 多多多超多图警告～放轻松～坐下来慢慢看吧～ ❤️

前言

2024 于我而言是生活与工作平衡，甚至更偏向生活的一年，换句话说是极度 “现充” 的一年…
博客更新 年度报告
#博客更新 #生活 #随笔
寻猫记：记一次难忘的找猫经历

Hexo 博客链接： https://ysx.cosine.ren/lost-my-cat-story
xLog 链接：https://x.cosine.ren/lost-my-cat-story
Follow 订阅：https://app.follow.is/share/feeds/60936161800549376
博客更新 生活 随笔
#博客更新 #follow
赶在午休结束之前写完了，图比较多。
15 个邀请码后，聊聊我对 Follow 的深度体验感受

xLog版：https://x.cosine.ren/follow-travel

群友邀请码：fmpYi0gpoN
博客更新 follow
cosine - 前端人の日常频道
#前端 #优质博文 #javascript #性能优化 Optimizing Javascript for fun and for profit antfu 推荐 - 「关于使用JavaScript进行微优化的非常酷的交互式博客文章，作者romgrk」 AI 摘要：这篇文章总结了多种优化 JavaScript 性能的技巧。首先强调了避免不必要的工作，如使用 memoization、懒加载等技术。接着讨论了避免字符串比较、优化对象结构以保持代码效率、减少数组和对象方法的使用、避免间接引用、优化内存访问以减…
#博客更新
优化 JavaScript 的乐趣和好处【译文】
是我写的这篇文章的翻译，挺用心的ww

Hexo博客链接 🔗 https://ysx.cosine.ren/optimizing-javascript-translate
xLog链接 🔗 https://x.cosine.ren/optimizing-javascript-translate
RSS订阅 📢 https://x.cosine.ren/feed/xml
博客更新
 
 
Back to Top