Honglei He

前端工程师 @ Ingersoll Rand (英格索兰)

上海

兴趣使然的网文作家，前端工程师~ 热爱技术，热爱生活，终身学习者。

00后前端开发网文作家终身学习者

Email Discord GitHub

博客技术栈

本站使用以下技术构建，追求高性能与最佳开发体验

Astro 5

现代化的静态站点生成器

Tailwind CSS 3

实用优先的 CSS 框架

TypeScript

类型安全的 JavaScript

Swup

页面过渡动画

最新文章

View all posts »

记录技术学习、前端开发经验和日常思考。每一篇文章都经过精心打磨，希望对你有所帮助。

2026年8月10日

Code Tabs 多语言代码选项卡使用指南

使用 :::code-tabs 指令在博文中展示多语言版本的代码示例，支持选项卡切换和语言偏好记忆。

2026年8月10日

那些年我们写过的「注释」——代码注释奇葩大赏

盘点程序员在代码中留下的那些令人啼笑皆非的注释，从甩锅到自嘲，每一种你都可能写过。

2026年8月9日

正则表达式笑话：Now You Have Two Problems

为什么说"用正则表达式解决问题后，你就有了两个问题"——编程界最经典的自嘲之一

2026年8月7日

RAG（检索增强生成）原理与实现：从零构建一个知识问答系统

深入理解检索增强生成（RAG）的核心原理，并通过完整的代码示例从零构建一个基于向量检索的知识问答系统。

我的技术栈

多年积累的技术能力，持续学习与进步

React

Vue.js

TypeScript

JavaScript

HTML5

CSS3

Tailwind CSS

Astro

Svelte

Node.js

Git

VS Code

pnpm

Vite

Markdown

我的项目

以下是我参与和开发的一些项目，持续更新中

个人博客

基于 Astro + Tailwind CSS + Svelte 构建的个人博客，支持多内容集合、全文搜索、暗色模式、页面过渡动画等功能。

Astro Tailwind CSS Svelte TypeScript

预览源码

个人图库

具有上传、管理、读取、删除等全链路功能，覆盖文件全生命周期，支持鉴权、目录、图片审查、随机图等各项特性

Cloudflare R2 Telegram RESTful APIs WebDAV

预览源码

个人文件管理

个人在线文件托管服务

React TypeScript CSS Modules Storybook

预览源码

Honglei He

博客技术栈

Astro 5

Tailwind CSS 3

TypeScript

Swup

最新文章

Code Tabs 多语言代码选项卡使用指南

那些年我们写过的「注释」——代码注释奇葩大赏

正则表达式笑话：Now You Have Two Problems

RAG（检索增强生成）原理与实现：从零构建一个知识问答系统

我的技术栈

我的项目

个人博客

个人图库

个人文件管理

👋 欢迎光临