Blog

本周记录了入职新公司后逐渐步入正轨的日常：学习电吉他、开始跳舞改善体态、尝试用 dinox 追踪情绪波动，以及初次接触德州扑克的“新手保护期”体验。此外还分享了近期喜欢的小说与一些实用链接，以及猫咪图。

一次临时决定的上海旅行，记录了行程、景点、朋友相聚和各种体验。

使用 Vue Flow 实现 milklove 重生计划的分支可视化项目的过程

记录离职后一周的生活，包括追星旅行、个人项目开发，以及对未来职业方向的思考。我希望通过这次调整，找到真正适合自己的远程工作模式和职业路径。

本文针对在 VSCode 中运行 TypeScript 文件时遇到的问题，提供了多种解决方案。比较了不同方式的优缺点，特别强调了 bun 在速度和易用性方面的优势，以及 ts-node 配置的复杂性。同时，文章还指导用户如何配置 Code Runner 扩展，以便更方便地运行 TypeScript 代码。

本周主要对工作流进行了多项优化，包括引入 Thino 插件管理碎片化笔记，使用 Lineage 插件实现 Gingko 式结构化写作，以及通过 Milanote 梳理内容输出流程。同时，探索了大模型在生成 git commit message 中的应用，通过结合 git diff 和大模型规则，提高了代码提交的效率。此外，还推荐了 Cherry Studio，以提升大模型使用体验。

本周的产出涵盖了多个领域的内容，包括博客上发布了关于 RSSHub 新增 AsianFanfics 路由和解决 OpenWebUI 长时间白屏的问题。同时，备忘录中记录了 Cloudflare 规则配置、Vite 环境变量以及关于 Hono 框架的使用等技术分享。此外，还进行了对 Web 端 DICOM 压缩的调研，探索了 pydicom 和 gdcm 两个库的使用方式。同时，个人反思与日常生活中，感慨与多年未见的同人创作者重新互动，并且体验了私教训练带来的身体挑战。

本文讲述了作者利用 RSSHub 实现 Asianfanfics 特定标签/关键词更新订阅的过程。通过对网站结构的分析，确认了数据的获取方式。在实际操作中，遇到了反爬机制的问题，最终通过使用 ofetch 并手动设置 User-Agent 解决。作者还分享了遇到的坑和参与开源项目的感想。

包括多篇技术博客和笔记，涵盖前端、软件和生活领域。同时，收藏了多个有用的工具和资源，包括 3D 资源库、iOS 开发工具、SVG 编辑器和在线照片编辑器。

在 Obsidian 中，Wiki 语法 ([[某个笔记]]) 使用频率较高，但 Astro 默认不支持。由于现有 remark 插件无法满足需求，我选择在导出到 Astro 时预处理 Wiki 链接，将其转换为标准 Markdown 语法，并使用 slug 作为唯一标识，从而实现正确的链接跳转。

本收集涵盖了多个封面生成工具和资源,旨在帮助用户快速创建美观且专业的封面设计。这些工具包括在线封面生成器、设计模板库以及自定义封面设计的技巧和指南。无论是用于书籍、报告、社交媒体还是其他用途,这些资源都能满足不同用户的需求,提升视觉呈现效果。

2024年个人成长全记录，包含职业转型到成都的历程、Blender技能提升、兴趣发展轨迹、年度消费评估，以及对未来职业道路的深度思考与规划。

最近帮朋友写了一个 ollama + excel 处理器，写完后发现类似于飞书多维表格的 ai 功能。在开发和沟通过程中有一些感受。

本文推荐了多个技术博客，涵盖了JavaScript、ES6、React等前端技术，以及AI相关的资源。其中包括冴羽的GitHub博客，LogRocket的产品团队资源，React官方博客，Socket的开发博客，Stefan Judis的个人网站，Builder.io的博客，以及Dan Abramov的博客overreacted。此外，还介绍了GitHub的AI标签下的工程化分享，Hugging Face的每日论文推荐，AssemblyAI的AI语音技术博客，Google Labs员工Dale的AI博客，以及Dify的大模型应用生成平台的技术博客。最后，提到了机器之心提供的企业人工智能服务。这些资源适合对前端开发和AI技术感兴趣的读者。

收集与hanser相关的开源项目

Zustand is a state management library that is simple and easy to use. It allows you to access the state via a single selector or shallow comparison to prevent unnecessary re-renders of all components. When the state is updated, you can use `useShallow` to retrieve only the required data. Additionally, you should follow the principle of minimal granularity, only fetching the necessary data instead of using multiple stores to manage different states. Moreover, state that is unrelated to the UI does not need to be accessed via a selector. The correct approach is to directly access the store within the `handleSave` method.

zustand 是一个状态管理库，简单易用。它可以通过使用 single selector 或 shallow 来获取 state，避免所有组件都重新渲染。当 state 更新时，可以通过 useShallow 来只获取需要的数据。同时，应该遵循最小粒度原则，只获取需要的数据，而不是使用多个 store 去存储不同的 state。另外，与 UI 无关的 state 不需要通过 selector 获取，正确的做法是直接在 handleSave 方法内部访问 store。

我做过一个messAuto的安利，使用raycast + iMessage 2fa插件来实现iPhone和mac信息同步和自动复制验证码。最近发现作者删库了，我现在找到了一种快速获取验证码的方法。使用方法是在获取到验证码之后访问iMessage 2fa插件，然后可以看到当前接收到的验证码，敲回车复制验证码到粘贴板。但这种方法缺点是没有messAuto方便，多了额外的步骤。

这个 GitHub Action 通过 Node.js 脚本在每次推送到 content 目录和 build_docs.cjs 脚本时更新博客内容，并将其复制到另一个目标仓库。它支持多个环境，包括本地和服务器。该过程依赖于 Obsidian 模板和 Gray Matter 脚本。 此 Action 通过在每次推送中运行其特定步骤来保持 blog 内容的最新。这些步骤包括： - 运行 npm install 和 npm run build:docs:server 批量安装并构建博客内容。 - 复制更新的 content 到目标仓库。 - 运行 npm install 和 npm run sort 批量安装和排序博客内容。 该 Action 通过使用 Gray Matter 脚本来处理 Markdown文件，并根据其 frontMatter 信息决定是否需要将其复制到目标仓库中。它还支持从特定目录忽略某些文件或文件夹。 该 Action 的主要功能是自动化 blog 内容的更新和复制，确保 content ALWAYS 是最新的。

个人工具与设备清单

这次五一，上海、重庆、成都的旅途就要开始了。4月30号下班回家后发现浦东机场有办公桌可以使用，并且充电。接着，我们抵达重庆，并前往成都。沿途我们顺带吃了美蛙鱼头和豆花饭，晚上妈妈做的菜很好吃。出发前忘记在候车厅拿包子，这次是赶紧去取了。到成都后与朋友聚会， afterwards我们去了天府红逛了，顺便吃了一顿超大份的自贡菜，也去了烤羊肉店。最后我们去南川看望了老家，很遗憾时间不多了。

前往武汉参加小缘810线下live的流水账式vlog。

微信读书网页版新增复制快捷键，油猴脚本实现。使用`Ctrl + C`或`Cmd + C`即可复制内容。下载地址和源代码在提供的链接中。

记录了 KazooTTT 在 BW 活动中的个人体验和感受，包括与朋友和偶像的合照、工作餐和摊位的点滴。

本内容涵盖了多个应用推荐和开发相关资源，包括 cmd-wrapped、Input Source Pro、outline 知识库应用等，以及开发工具如头像生成网站和 Moodboard Creator。此外，还介绍了多个技术博客和教程，如 REST API vs GraphQL 的比较、Astro 自动生成 Open Graph 图片的方法，以及 Docker 入门实践等。这些资源和教程旨在帮助开发者提高效率，优化工作流程，并探索新技术。

在 2023 年第 48 周，作者经历了一次工作转岗，从 Web 前端开发转变为类似于提示词工程师的角色。这次转岗让作者意识到自己对大语言模型的理解不足，但也重拾了 Python 编程，并计划将学习重心放在 LLM 研究上。同时，作者的父母来上海探望，作者在忙碌的工作之余，抽空陪伴他们游览了城隍庙和豫园等地。此外，作者还分享了关于资讯收集方式的变化，从使用 Twitter 和 Cubox 转变为使用 Telegram 和 Discord，以及一些关于设计和编程的资讯收集。

本篇内容涵盖了多个编程相关的资源和工具，包括头像生成网站、rabbit it 图片生成应用、AI 生成情绪板、开源用户界面元素、1000 个令人激动的网站等。此外，还介绍了如 remotion 视频制作工具、TypeScript-Node-Starter 示例、Konva Canvas 框架等技术资源。同时，提供了多个个人主页和博客推荐，以及关于 REST API 与 GraphQL 的讨论。这些资源和工具覆盖了前端开发、UI 设计、视频制作等多个领域，适合编程爱好者和技术开发者参考和学习。

在端午节期间，我和朋友们相约去广州，参观了大咩老师的毕业展，品尝了各种美食，体验了广州的文化和风景。这次旅行充满了美好的回忆，让我感受到了广州的独特魅力。

通过自动操作实现将指定文件夹中的图片自动导入到iCloud相册中

自动化微博浏览顺序脚本，快速轻松调整微博的浏览顺序。

分析了 Focusee 在 macOS 上的缺陷，包括色差严重、导出速度慢以及声卡配置冲突等问题，并分享了作者的退款经历。

在 2024 年 4 月 22 日至 4 月 28 日期间，人工智能领域有多项重要更新和发布。Myshell 发布了 OpenVoice2 开源语音模型，能够通过少量音频样本复制说话人的声音并生成多种语言的语音，且完全开源。Snowflake 推出了 Arctic，一个面向企业的顶级语言模型，具有高效的企业任务性能。Adobe 发布了 Firefly Image 3 模型，用于文本到图像的生成。OpenAI 为其 API 引入了更多企业级功能，包括增强的安全性和更好的行政控制。此外，GitHub 上的多个项目如 Speechless 和 Llama-3-8B-16K 也进行了更新，增强了语言处理和推理能力。在应用方面，ComfyUI Workflows 提供了工作流模板，Cloudflare 推出了 AI Playground，Perplexity 提供了企业会员和企业定制服务。此外，还有多个教程和资料推荐，如 Llama 3 的微调教程和大规模预训练语言模型的理论基础。这些更新和资源为 AI 领域的研究者和开发者提供了丰富的工具和知识。

在 2024 年 4 月 8 日至 4 月 14 日的时间范围内，作者分享了自己的生活和项目动态。个人方面，作者为了提升表达能力开始录制科普视频，时隔四年重新开始使用 Vue 进行项目开发，并购买了迪卡侬的乒乓球鞋。项目推荐方面，介绍了 Arc 推出的 Github 自动文件夹功能、remotion 制作动画、Cloudflare 和 Socialify 等工具的应用，以及 Harness 和 Vue Flow 等技术平台。此外，还推荐了阅读材料，如《控糖革命》和计算机知识的动画讲解。设计相关内容包括 Figma 插件和文本转壁纸生成器。AI 领域则涵盖了 ARAGOG 的评估调研、GPT-4 Turbo 的视觉功能升级、Mistral 8X22B 的开源等最新动态。整体内容丰富，涉及个人成长、技术发展和设计创新等多个方面。

周报内容主要分为三个部分：编程相关资讯、关于自身的工作、编程和生活内容。在编程相关资讯部分，作者介绍了 Nitro 和一个开源的聊天虚拟人项目。在关于自身的部分，作者介绍了自己恢复了打卡的习惯，每天记录工作、编程和生活的内容。在工作方面，作者分享了自己的工作感悟和对后端的疑惑；在编程方面，作者提到了自己对状态管理和数据结构的不足；在生活方面，作者记录了自己的饮食和娱乐等日常生活。

这个项目列表提供了一些适合前端入门的项目建议，涵盖了基础知识学习、框架实践和个人项目开发等方面。其中包括了博客开发、UI设计、以及接入Gemini API和GROQ API等内容的示例。

本文介绍了如何在Markdown中渲染iframe的两种方法。第一种方法是通过直接在Markdown中嵌入iframe标签，需要使用`rehypeRaw`插件来实现HTML内容的嵌入。第二种方法是通过重写Markdown中的`a`标签，将其转换为iframe，这种方法可以根据链接内容进行定制化处理，例如将特定链接转换为iframe展示。文中还提供了相关的代码示例和项目源代码链接，以及一个演示地址供参考。

作者在生日假期冲动地决定去香港旅行，提前一周购买机票和预订酒店。旅程中遇到了一些小插曲，如机票信息错误和插头转换器购买错误，但都顺利解决。在香港，作者体验了当地的美食，如一兰拉面和各种点心，并与久未见面的高中同学共进午餐，享受了愉快的时光。尽管行程紧凑，但这次旅行给作者留下了深刻的印象和美好的回忆。

在 2024 年第 8 周，推荐两款实用的软件：AltTab 和 Tickeys。AltTab 是一款可以替代 macOS 默认切换窗口功能的软件，提供更便捷舒适的体验。Tickeys 则是一款为打字添加炫酷音效的软件，让打字体验更加有趣。

文章中作者分享了多个餐饮体验，包括奶茶店“薄荷森林”的薄荷生打椰，以及“野台风”的圆规和dirty咖啡。在“seven bus”尝试了杏仁牛油果冰淇士。正餐方面，作者品尝了“野草莓”的高性价比美食，以及“宴遇1/2”的酸菜鱼、火焰黑椒安格斯小牛肉等。此外，还体验了“叽叽扎扎烤肉”和“七星西鹭鸭胫店”的特色菜肴。最后，作者在“傲客夜食”尝试了麻辣烤鱼和冰粉。整体上，作者对所尝试的食物给予了积极的评价，并表达了对某些美食的特别喜爱。

本文讲述了一位大学生在成都春熙路地下商场遭遇的骗局。作者被诱导进入一家店铺，经历了从免费面部检测到被迫支付高额费用的过程。在被骗后，作者通过寻求帮助，最终成功追回了大部分损失。这次经历让作者学会了更加小心谨慎，并感激那些在困难时刻给予帮助的人。文章旨在提醒读者警惕类似的消费陷阱。

本内容汇总了多个技术资源和工具，包括独立开发者资讯网站 indie hacker、产品变现周刊、Figma 渐变色模板、设计灵感来源 DAILY MINIMAL 的 tumblr、Next.js 中文教程、Obsidian 分享内容生成卡片工具、GitHub Copilot Chat 默认 Prompt、Flask 教程、构建大型语言模型教程、开发人员工具箱 devtoys 等。此外，还提到了 Unity 裁员、LangChain 0.1.0 版本发布、微博备份工具、Python 程序执行可视化工具 heartrate、CSS 文字颜色自动适配背景色解决方案、RAG 图解及翻译、JavaScript 框架展望、GitHubDaily 分享的开源项目、React 原理图解、AI 开发者伴侣 gpt-pilot、哈佛大学 Python 数据科学课程、Meta 打造 Threads 基础设施的方法、2023 年终开源项目榜单、代码片段管理工具 toolcat、Javascript/Next.js 程序员出海架构、视频/Gif 生成工具 Kap、Sass 模板、GPT Web APP、AWS 部署方案、Postman 替代品 hoppscotch、视频压缩工具 CompressX、AI 和数据科学家路线图、独立开发能力培养指南、LLM 论文合集、富文本编辑器 PlateJS 以及 CSS 展示的 20+ iPhones。这些资源和工具涵盖了从开发到设计的多个方面，旨在为技术爱好者和专业人士提供丰富的学习和参考材料。

本文详细记录了作者在2023年参加BW活动的经历，从20号到23号的活动日程，包括与队友的互动、周边包装、场地布置、直播观看以及与粉丝的交流等。文章中穿插了作者的个人感受和对活动的反思，展现了从懵懂到逐渐融入圈子的成长过程，以及对未来职业选择的思考。此外，还提到了与队友的友情和团队合作的重要性，以及活动结束后的情感落差和回忆。整体上，这是一篇充满情感和细节的活动回顾。

2023年跨年，作者与群友相约成都庆祝。由于年假已用完，选择29号和1号晚上的飞机以最大化游玩时间。在飞机上体验了有屏幕的座位，并观看了电影《小妇人》。抵达后，与朋友们在KTV聚会，感受四川话的亲切。30号品尝了跷脚牛肉和桌游店的乐趣，晚上享用了陶德砂锅的肥肠。31号，一起吃了谭豆花和火锅，晚上在玉林路喝酒庆祝跨年。1号在川大望江附近吃了冒烤鸭后前往机场。此行让作者感慨成都美食众多，决心今年回成都工作。

2023年个人总结：作者回顾了一年的重要事件，包括参加aigc比赛、第二次去bw、厦门之旅以及转岗开始AI Agent的研究与开发。在这一年中，作者还开始担任面试官并参与其他公司的面试，体验了面试的双重角色。技术方面，作者的GitHub热力图逐渐变绿，参与了多个开源项目，并与朋友一起参加了AI相关的比赛，获得了奖项和奖金。此外，作者还分享了技术栈的偏向性，包括前端使用nextjs，后端使用nextjs/flask，设计使用figma和canva。最后，作者总结了去年的目标完成情况，并设定了新一年的计划，包括继续学习blender、每周至少产出一次技术向内容等。

2023 年第 45 周的记录包括个人生活、技术资源和周围事件的摘要。个人方面，与 cali 老师在小红书上互相关注。技术资源方面，收集了多个有用的链接和工具，如 3D 博客、树结构控制库、项目变现讨论、社交媒体 GPT 工具、web3 课程、WebWorkers 库、SaaS 模板、Windows 字体优化、node 开箱即用模板、播客推荐等。此外，记录了阿里云服务宕机事件，影响了阿里系服务的使用。

在 2023 年第 46 周，我开始认真学习理财知识，并办理了港澳通行证，计划去香港开户。同时，我也开始了区块链和 Solidity 的学习，尽管错过了第一节课。工作忙碌导致学习时间减少，但减少了社交平台的接触，反而减轻了焦虑。我主要使用 X 和小红书，并尝试使用 tailwindcss 制作投稿封面。此外，我还购买了一个二手饼干头，用我的 gx9 相机记录生活，并发现了一家新开的冒菜店，感觉非常亲切。在资讯收集方面，我关注了 web3 相关的学习笔记，以及其他技术相关的资讯，如 JavaScript 练习网站、AB 测试解决方案、远程开发者工作网站等。我还关注了一些技术发布和推荐，如 blender4.0、腾讯的 2D 图形库 ftgx、字体推荐等。此外，我还收集了一些关于产品变现、iOS 开发选型、错误处理等方面的信息。

本内容涵盖了 2023 年第 11 周（2023-03-12 至 2023-03-19）的技术和设计资源，主要来源于 GitHub、Twitter、微博和 B 站。其中包括了沉浸式双语网页翻译扩展和隐藏 Twitter 信息的油猴脚本等浏览器插件。此外，还介绍了基于 GPT-4 的代码编写工具 Cursor、ChatGPT 相关的资料汇总和 Telegram 机器人等。设计方面，提到了 Figma 结合 GPT 的设计工具、柔和主题库 Catppuccin 以及一些设计教程和素材资源。整体内容丰富，涉及多个领域的最新技术动态和实用工具。

国庆期间，作者记录了从上海出发前往厦门和杭州的旅行经历。在厦门，作者体验了当地的美食，如汉堡王、七星西鹭鸭胫店、宴遇1/2等，并游览了鼓浪屿，感受了当地的夜生活和自然风光。此外，作者还尝试了野草莓餐厅和叽叽扎扎烤肉，体验了不同的餐饮文化。在杭州，作者参观了联动店铺，并尝试了方老大的面食。整个旅程中，作者不仅享受了美食，还体验了当地的文化和生活方式，感受到了旅行的乐趣。

本文介绍了如何使用messAuto和iMessage实现iPhone和Mac之间的信息同步，并自动复制验证码。首先，在iPhone的设置中启用短信转发到Mac，并在Mac上启用iCloud信息同步。接着，安装messAuto应用程序，并设置自动粘贴和登录时启动功能，以实现验证码的自动复制。这一过程简化了在不同设备间传递验证码的操作，提高了使用效率。

为了在公共场合保护个人隐私，防止他人查看自己的Twitter账号信息，如ID、昵称和头像，作者开发了一个油猴脚本。该脚本专门用于屏蔽Twitter首页上显示的个人信息。用户可以通过greasyfork安装此脚本，源代码可在GitHub上查看。脚本使用前后对比图展示了隐藏个人信息的效果。

本周资讯聚焦于技术领域的多个创新点，包括快速编辑器 Zed、设计系统工具 Craft Systems、自动生成视觉内容的 BannerBear、OpenAI 的语音识别模型，以及一个帮助规划和构建设计系统的开源清单。这些内容展示了技术界在编辑工具、设计系统和 AI 应用方面的最新进展和创新。

在Y2-2021年度总结中，作者回顾了一年的重要事件和个人成长。年初意外成为主播房管，随后经历了上海长达六个月的封控，期间在家办公并感受到工作瓶颈。作者反思了自己的工作方式，意识到需要更深入的调研和思考。此外，作者还提到了部门的大变动，包括人员离职和裁员，以及自己对技术积累的不足。在个人生活方面，作者购买了一些产品，如Mac触控板和松下GX9相机，同时也出售了一些不再使用的物品。最后，作者总结了去年的计划完成情况，并设定了新一年的目标，包括找到成都的工作机会和继续学习设计技能。

在Y3-2022年度总结中，作者回顾了一年的经历和感受。年初意外成为主播房管，随后经历了上海长达六个月的封控，期间在家办公，感受到了工作和个人生活的压力。作者反思了自己的工作方式，意识到需要更深入的调研和思考，以及在遇到困难时及时寻求帮助。此外，作者提到了部门的大变动，包括人员离职和裁员，以及对技术发展的担忧。在个人成长方面，作者感到自己过于在意他人看法，正在努力改善这一心理状态。产品方面，作者购买了一些电子产品和健身设备，但也有部分产品因各种原因被出售。最后，作者总结了去年的计划完成情况，并设定了新一年的目标，包括找到成都的工作机会，完成主站重构项目，继续学习设计和UI/UX等。

在2020年度，作者经历了一系列的学习和实习经历。6月参与省级大创，7月获得中国高校微信小程序应用开发赛西南赛区三等奖，并在上海某金融科技公司担任产品经理实习生。8月，荣获中国大学生计算机设计大赛国家级二等奖，并参与了中国好声音的录制。9月后，回到成都，在一家教育公司担任web前端开发工程师实习生。作者最初选择工作而非考研，对前端开发有浓厚兴趣，尽管在实习过程中曾尝试产品管理，但最终决定回归前端开发。10月，拒绝了国企的offer，选择在教育科技公司继续实习，使用Vue框架。作者计划在2021年继续提升技术，并希望获得满意的offer，同时计划学习电吉他、画画和MMD。