liruifengv 的个人网站。分享技术、生活、读书、随笔等。李瑞丰的个人博客。https://liruifengv.com/https://liruifengv.com/posts/openclaw-skills/https://liruifengv.com/posts/openclaw-skills/准备深度折腾一下龙虾 OpenClaw，看看到底能做到什么程度,我首次安装了以下 SkillsMon, 09 Mar 2026 00:00:00 GMThttps://liruifengv.com/posts/openclaw-prompts/https://liruifengv.com/posts/openclaw-prompts/玩了 OpenClaw 的都会感觉到龙虾的拟人化特别强，好像有自我意识，并且能自我进化，今天我们拆解一下他的系统提示词设计。Wed, 04 Feb 2026 00:00:00 GMThttps://liruifengv.com/posts/openclaw-and-moltbook/https://liruifengv.com/posts/openclaw-and-moltbook/OpenClaw 和 moltbook 太火了，150 万 Agents 在这里发帖，硅基生命的乐园还是 AGI 的到来？Sun, 01 Feb 2026 00:00:00 GMThttps://liruifengv.com/posts/amon-announce/https://liruifengv.com/posts/amon-announce/Amon 是一个 Agent Coworker 桌面应用，你的桌面 AI 工作伙伴Sun, 25 Jan 2026 00:00:00 GMThttps://liruifengv.com/posts/claude-agent-sdk-pitfalls-en/https://liruifengv.com/posts/claude-agent-sdk-pitfalls-en/Sharing the frustrations and challenges I faced while working with the Claude Agent SDKThu, 15 Jan 2026 00:00:00 GMThttps://liruifengv.com/posts/claude-agent-sdk-usage/https://liruifengv.com/posts/claude-agent-sdk-usage/今天这篇文章聊一聊 Claude Agent SDK 使用过程中遇到的坑，真的很麻Wed, 14 Jan 2026 00:00:00 GMThttps://liruifengv.com/posts/cladue-agent-sdk-md/https://liruifengv.com/posts/cladue-agent-sdk-md/本文将带大家了解 Claude Agent SDK 的最简玩法，只需要几行代码，加上几个 Markdown 文件，就能搭建出一个 Agent。Tue, 06 Jan 2026 00:00:00 GMThttps://liruifengv.com/posts/claude-deepreseach-agent/https://liruifengv.com/posts/claude-deepreseach-agent/本文将使用 Claude Agent TS SDK 写一个 DeepResearch Agent，实现多 Agent 协作系统。Thu, 11 Dec 2025 00:00:00 GMThttps://liruifengv.com/posts/cladue-agent-sdk-demo/https://liruifengv.com/posts/cladue-agent-sdk-demo/本文将使用 Claude Agent SDK, 构建一个 AI Agent Demo。Tue, 11 Nov 2025 00:00:00 GMThttps://liruifengv.com/posts/2025-mid-year-summary/https://liruifengv.com/posts/2025-mid-year-summary/liruifengv 的 2025 年中总结。Wed, 16 Jul 2025 00:00:00 GMThttps://liruifengv.com/posts/context-engineering/https://liruifengv.com/posts/context-engineering/AI 新技能不是提示词工程，而是上下文工程Fri, 11 Jul 2025 00:00:00 GMThttps://liruifengv.com/posts/astro-5/https://liruifengv.com/posts/astro-5/Astro 5.0 带来了令人兴奋的新功能，例如 Astro Content Layer，可以从任何来源无缝加载内容，以及 Server Islands，可以轻松结合静态和动态个性化内容。Wed, 04 Dec 2024 00:00:00 GMThttps://liruifengv.com/posts/svelte-5/https://liruifengv.com/posts/svelte-5/svelte发布了5.0版本，重构了响应式系统。Thu, 24 Oct 2024 00:00:00 GMThttps://liruifengv.com/posts/deno-20/https://liruifengv.com/posts/deno-20/Deno2.0发布啦Thu, 10 Oct 2024 00:00:00 GMThttps://liruifengv.com/posts/2024-mid-year-summary/https://liruifengv.com/posts/2024-mid-year-summary/liruifengv 的 2024 年中总结。Tue, 02 Jul 2024 00:00:00 GMThttps://liruifengv.com/posts/react-19-with-astro-actions/https://liruifengv.com/posts/react-19-with-astro-actions/React 19 引入了一个新 Hook useActionState。本文将介绍如何使用 useActionState，并在 Astro 中使用。Wed, 26 Jun 2024 00:00:00 GMThttps://liruifengv.com/posts/astro-4110/https://liruifengv.com/posts/astro-4110/Astro 4.11 发布！自定义500错误页面，Code 组件支持 Shiki 转换器。Fri, 21 Jun 2024 00:00:00 GMThttps://liruifengv.com/posts/zero-js-view-transitions/https://liruifengv.com/posts/zero-js-view-transitions/Chrome 126 支持了在 MPA 多页面中启用 View Transitions，零 JS，为你的网站开启类似 native 的动画效果。Wed, 12 Jun 2024 00:00:00 GMThttps://liruifengv.com/posts/astro-actions/https://liruifengv.com/posts/astro-actions/本篇文章详解 Astro v4.8 新发布的 Actions API，让你可以在客户端类型安全地调用后端函数，全栈开发更爽了Wed, 15 May 2024 00:00:00 GMThttps://liruifengv.com/posts/add-comments-to-astro/https://liruifengv.com/posts/add-comments-to-astro/使用 giscus 为你的 Astro 博客添加评论功能。Thu, 18 Apr 2024 00:00:00 GMThttps://liruifengv.com/posts/2024-q1-summary/https://liruifengv.com/posts/2024-q1-summary/2024 年度第一季度总结，记录一下。Mon, 01 Apr 2024 00:00:00 GMThttps://liruifengv.com/posts/jsr/https://liruifengv.com/posts/jsr/Deno 又搞事情了，开发了一个新的 JS Registry，原生支持 TS，并且兼容 npmTue, 20 Feb 2024 00:00:00 GMThttps://liruifengv.com/posts/daily-poetry-image/https://liruifengv.com/posts/daily-poetry-image/结合 Bing DALL-E-3 + GitHub Action + Node.js，每天生成中国古诗词配图，并通过 Astro 构建网站。Mon, 22 Jan 2024 00:00:00 GMThttps://liruifengv.com/posts/astro-auto-gen-og-image/https://liruifengv.com/posts/astro-auto-gen-og-image/本篇文章教你在 Astro 为你的文章自动生成 Open Graph & Twitter card 图片。Wed, 17 Jan 2024 00:00:00 GMThttps://liruifengv.com/posts/nextjs-404-in-i18n/https://liruifengv.com/posts/nextjs-404-in-i18n/Next.js 使用 app route，国际化时无法自定义 404 页面。Thu, 04 Jan 2024 00:00:00 GMThttps://liruifengv.com/posts/git-blame-ignore/https://liruifengv.com/posts/git-blame-ignore/学习 git 操作Fri, 29 Dec 2023 00:00:00 GMThttps://liruifengv.com/posts/2023-year-end-summary/https://liruifengv.com/posts/2023-year-end-summary/2023 年就要结束了，这一年经历了一些挫折，也有一些收获，也明确了一些方向。Thu, 21 Dec 2023 00:00:00 GMThttps://liruifengv.com/posts/write-todo-by-rust-2/https://liruifengv.com/posts/write-todo-by-rust-2/本教程将带你手把手用 Rust 实现一个命令行的 TODO List 第二弹。Thu, 07 Sep 2023 00:00:00 GMThttps://liruifengv.com/posts/write-todo-by-rust/https://liruifengv.com/posts/write-todo-by-rust/本教程将带你手把手用 Rust 实现一个命令行的 TODO List。Wed, 06 Sep 2023 00:00:00 GMThttps://liruifengv.com/posts/astro-awards/https://liruifengv.com/posts/astro-awards/昨天，Astro 给我发了 250 美金的社区奖励！没想到参与开源还有钱拿，简直太爽了。Thu, 31 Aug 2023 00:00:00 GMThttps://liruifengv.com/posts/css-scope/https://liruifengv.com/posts/css-scope/原生 CSS scope 提案通过，即将发布的 Chrome 118 首先提供支持，或许 CSS 样式隔离的新时代即将到来。Wed, 23 Aug 2023 00:00:00 GMThttps://liruifengv.com/posts/a-starlight-pr/https://liruifengv.com/posts/a-starlight-pr/最近给 Astro 的 Starlight 项目提交了一个 PR，从这个 PR 我学到了一些东西，所以从这个 PR 出发聊聊我为什么喜欢开源。Mon, 12 Jun 2023 00:00:00 GMThttps://liruifengv.com/posts/node-v20/https://liruifengv.com/posts/node-v20/2023 年 4 月 18 日，Node.js 正式发布了 v20 版本，本篇文章带你快速了解及尝鲜。Thu, 20 Apr 2023 00:00:00 GMThttps://liruifengv.com/posts/deno-package-json-support/https://liruifengv.com/posts/deno-package-json-support/Wed, 12 Apr 2023 00:00:00 GMThttps://liruifengv.com/posts/roll-your-own-javascript-runtime/https://liruifengv.com/posts/roll-your-own-javascript-runtime/教你使用 Rust 和 deno_core 打造属于你自己的 JavaScript 运行时。Wed, 05 Apr 2023 00:00:00 GMThttps://liruifengv.com/posts/build-api-express-typescript/https://liruifengv.com/posts/build-api-express-typescript/使用 Express、TypeScript 和 Deno 构建 REST API的教程，翻译自 Deno 官方博客。Thu, 30 Mar 2023 00:00:00 GMThttps://liruifengv.com/posts/rspack-vue/https://liruifengv.com/posts/rspack-vue/你还卷得动吗？今天，字节跳动刚刚开源了 Rspack，一个 Rust 写的打包构建工具，功能和用法上对齐 webpack。Fri, 10 Mar 2023 00:00:00 GMThttps://liruifengv.com/posts/certbot-https/https://liruifengv.com/posts/certbot-https/今天来使用 Certbot 来申请免费的HTTPS证书，并且自动续期Thu, 02 Mar 2023 00:00:00 GMThttps://liruifengv.com/posts/chatgpt-vue3/https://liruifengv.com/posts/chatgpt-vue3/ChatGPT 最近十分火爆，今天我也来让 ChatGPT 帮我阅读一下 Vue3 的源代码。看看Vue3 的 setup函数是怎么回事。Thu, 23 Feb 2023 00:00:00 GMThttps://liruifengv.com/posts/create-lint-config/https://liruifengv.com/posts/create-lint-config/前端工程中各种配置文件eslint、prettier等搞得我很头大，那就写一个命令行工具来搞定它吧。Tue, 21 Feb 2023 00:00:00 GMThttps://liruifengv.com/posts/github-action-release/https://liruifengv.com/posts/github-action-release/本文将介绍如何利用 GitHub Action 自动化发布 npm 包版本和 GitHub release。Sat, 18 Feb 2023 00:00:00 GMThttps://liruifengv.com/posts/opensource/https://liruifengv.com/posts/opensource/本篇文章讲讲我的开源之旅，以及新手程序员如何参与进来。Tue, 31 Jan 2023 00:00:00 GMThttps://liruifengv.com/posts/kongyiji/https://liruifengv.com/posts/kongyiji/上学时，读《孔乙己》，并没有从其中感受到什么，只觉很好玩，什么之乎者也，什么茴字的四种写法。时隔多年，再读《孔乙己》，已感慨万千。Fri, 13 Jan 2023 00:00:00 GMThttps://liruifengv.com/posts/copy-text/https://liruifengv.com/posts/copy-text/在做 JS 复制到剪贴板功能的时候，遇到了不少坑，这边文章展开记录一下。Tue, 10 Jan 2023 00:00:00 GMThttps://liruifengv.com/posts/promise-modal/https://liruifengv.com/posts/promise-modal/作为一名前端开发工程师，开发各种弹窗是家常便饭，但如何快捷高效、风格统一是一个问题。本文介绍状态驱动和命令式两种方式。Thu, 29 Dec 2022 00:00:00 GMThttps://liruifengv.com/posts/2022-year-end-summary/https://liruifengv.com/posts/2022-year-end-summary/2022 年是难以言表的一年，没完没了的疫情席卷着我们。所幸的是，2022 年末的时候，迎来了新的转机。抓住 12 月的尾巴，写一下今年的年终总结。Wed, 28 Dec 2022 00:00:00 GMThttps://liruifengv.com/posts/ghost-mysql/https://liruifengv.com/posts/ghost-mysql/上一篇文章使用 Ghost 从零搭建博客系统 写了如何搭建 Ghost，但是 Ghost 默认使用 SQLite 数据库，我们想使用 mysql 数据库，这篇文章就实践一下。Fri, 17 Dec 2021 00:00:00 GMThttps://liruifengv.com/posts/react-elementtype/https://liruifengv.com/posts/react-elementtype/在用 React 进行开发的过程中，要用到 PropTypes 对组件的 props 进行类型检查。其中有两个类型，element 和 elementType，让我百思不得其解。这两个的区别到底是什么，在跟小伙伴探讨和实践之后，产生了这篇文章。Fri, 10 Dec 2021 00:00:00 GMThttps://liruifengv.com/posts/ghost/https://liruifengv.com/posts/ghost/Ghost 是一个开源的 CMS 博客系统，使用 Node.js 技术栈，让有需求的个人或团队能够快速的搭建想要的博客站点Fri, 19 Nov 2021 00:00:00 GMThttps://liruifengv.com/posts/deno-http/https://liruifengv.com/posts/deno-http/今天我们来使用 Deno 创建一个 HTTP 服务，REST-API 增删查改Sun, 21 Jun 2020 00:00:00 GMThttps://liruifengv.com/posts/deno-study/https://liruifengv.com/posts/deno-study/Deno 的官方介绍是一个 JavaScript 和 TypeScript 的安全运行时。 Deno 旨在为现代程序员提供高效且安全的脚本环境。 它基于V8，Rust和TypeScript构建。Wed, 11 Dec 2019 00:00:00 GMThttps://liruifengv.com/posts/alibaba-puhuiti/https://liruifengv.com/posts/alibaba-puhuiti/在UCAN 2019 设计大会上，阿里巴巴设计率先向全社会发布了一款字体“阿里巴巴普惠体”，希望能够让阿里巴巴的普惠精神，让整个生态的设计师、合作伙伴因为我们平台的赋能，真正得到实惠。本项目是阿里巴巴普惠体在前端开发中的实际应用。Mon, 29 Apr 2019 00:00:00 GMThttps://liruifengv.com/posts/js-data-type/https://liruifengv.com/posts/js-data-type/2017 年是我开始学习前端的一年，2018 年我将继续在前端的路上前行。这篇文章会是我的JS 学习笔记的开篇，以后还会有相应的其他内容。这里主要简单写一下 JavaScript 的 几种数据类型。Tue, 02 Jan 2018 00:00:00 GMThttps://liruifengv.com/posts/web-safety/https://liruifengv.com/posts/web-safety/为一个前端工程师来说，我们要做的不仅仅的写出代码，构建一个网页，同时，我们还要考虑我们写的网站的安全问题。如果安全性得不到保障，一些有不良企图的人就可能会通过非法手段获取我们的隐私，来进行牟利、诈骗等等一系列非法行为。所以，Web 安全问题同样时我们前端工程师需要非常重视的一个地方。Thu, 11 May 2017 00:00:00 GMThttps://liruifengv.com/posts/performance-optimization/https://liruifengv.com/posts/performance-optimization/聊一聊什么前端性能优化以及怎么做性能优化。Mon, 08 May 2017 00:00:00 GMThttps://liruifengv.com/posts/tag-semantics/https://liruifengv.com/posts/tag-semantics/最近在做百度前端技术学院的基础题，HTML和CSS部分，我发现一个问题，我还是习惯于嵌套一堆div，然而HTML5已经定义了很多新的具有明确语义化的标签，大家也都在倡导使用语义化标签，所以想写一写关于HTML标签语义化的东西。Mon, 27 Feb 2017 00:00:00 GMThttps://liruifengv.com/posts/layout-v1/https://liruifengv.com/posts/layout-v1/三列布局是一种比较基础的布局，分别是左列 left，主要用作导航，在整个布局的左边，宽度固定；主列 main 居中，用来显示整个网页的主要内容，宽度自适应；右列 right，平时主要用来显示广告等内容，在整个布局的右边，宽度固定。本文介绍几种常用的三列布局方法。Tue, 21 Feb 2017 00:00:00 GMT