HARDWARE × FULL STACK

让灵感,
发生在真实世界✳

嗨,我是 itinglight。
硬件工程师,拥有 Web 全栈开发背景。
连接 Web 应用、设备与交互,探索 AI 硬件与智能系统。

SOFTWARE ↔ HARDWARE从界面、服务到设备,理解完整系统。
INTERACTIVE OBJECT001 / CONCEPT
++
iting / lab● ●
NEURAL INTERFACE▂▄▆
▁ ▂ ▅ ▃ ▇ ▄ ▂ ▆ ▃ ▁ ▄ ▆ ▂ ▃ ▁
HELLO, HUMAN.✳
✳
MADE OF CURIOSITYAI—01
从代码,到触手可及。SOFTWARE MEETS THE PHYSICAL WORLD
↔ 移动指针,探索视角
CODE ↗ HARDWARE ↗ AI ↗ REAL WORLD用工程实现,用好奇心驱动。 ✳

01 / ENGINEERING FOCUS

软件为基础,硬件为方向。

从岗位出发,了解我的技术积累。

01 / FULL STACK开发背景

Web 全栈开发

从用户界面到后端服务,用系统视角理解功能实现。

界面与交互
Vue 3、TypeScript、React,覆盖 Web 与跨平台开发。
服务与数据
Java / Spring Boot、MySQL、Redis,以及接口调试工具。
运行与协作
Linux、Docker、Git;通过技术手记整理配置与使用经验。
了解软件背景 ↗
02 / HARDWARE & IOT当前方向

硬件与智能系统

以开发板与智能系统为起点,连接软件、设备和真实交互。

开发板生态
Arduino、ESP8266 / ESP32、Raspberry Pi。
系统与原型
Home Assistant、Homebridge;三维建模与 3D 打印。
实践环境
配备开发板、万用表、焊台与可调直流电源的个人工作台。
了解硬件方向 ↗

02 / WORK & NOTES

让实践,有迹可循。

从公开作品和记录,了解我的工作。

01 / WEB · 本站

个人网站与技术内容系统

用 Astro 组织技术履历与博客,通过 Markdown / MDX 管理内容,提供文章路由、RSS 订阅、技能筛选与可打印履历。

可查看

页面组织、组件复用、响应式界面与内容呈现。

浏览内容系统 ↗

02 / ENGINEERING · 手记

开发与环境配置记录

围绕 Vue、TypeScript、Docker 和 Nginx 整理学习笔记,把环境配置、常用命令和使用步骤保留下来。

可查看

技术学习的过程,以及可回查的操作记录。

阅读 Docker 配置手记 ↗

03 / HARDWARE · 探索

个人硬件工作台

围绕 ESP32、Raspberry Pi 与智能家居开展探索,结合建模、打印及电子 DIY,拓展软件之外的实践空间。

可查看

开发与测量工具、个人设备和当前探索方向。

查看工作台与工具 ↗

03 / HOW I WORK

理解系统,也把细节做好。

把学习落实到实践,
把经验留在记录里。

01 SYSTEMS THINKING

从完整系统思考 ↗

把界面、服务、数据与设备放在一起理解。全栈开发的积累,让我在探索硬件时,也关注用户如何操作、数据如何流转。

技术背景:Web 前后端 · 数据库 · 智能系统
02 HANDS-ON LEARNING

用动手实践学习 ↗

从 Web 开发延伸到开发板、智能家居与三维打印,把新知识放进具体的实践场景,逐步拓展软硬件之间的连接。

探索方向:ESP32 · Raspberry Pi · 3D 打印
03 DOCUMENT & SHARE

把过程记录清楚 ↗

用技术手记整理开发环境、框架使用与排查步骤。让学习过程可以回看,也让交流有具体的代码、配置和记录可参考。

公开记录:Vue · TypeScript · Docker · Nginx

04 / EXPLORATIONS

不止于屏幕。

在软件与物理世界的交汇处,
持续探索,动手创造。

05 / THE MINDSET

工具在变,
创造的好奇心始终在线。

曾经,我在浏览器里构建世界。
现在,我把传感器、电路和 AI 连接起来。
不为技术划边界,只为想法找出口。

↗

06 / CAPABILITIES

技术在积累,能力在延伸。

技术履历 / PDF ↗

硬件是现在的方向,全栈是积累的底气。从语言、框架到工程工具,持续拓展自己的能力边界。

专业领域 · 技术与工具悬停单行暂停,其余继续滚动

01 / HARDWARE & IOT

硬件与智能系统

Arduino · Raspberry Pi · ESP8266 · ESP32

02 / FRONTEND & EXPERIENCE

Web 前端与交互

HTML5 · CSS3 · ES6 · TypeScript · Axios

03 / BACKEND & DATA

后端与数据

Java · Spring · Spring Boot · Spring Cloud · MyBatis · MyBatis-Plus

04 / CROSS-PLATFORM

移动端与跨平台

React Native · Flutter · uni-app

05 / SYSTEMS & WORKFLOW

系统与工程工具

macOS · Linux · Windows

06 / DESIGN & CREATIVE TOOLS

设计、影像与 AI 工具

Photoshop · Figma

  • Arduino
  • ESP8266
  • NAS
  • 黑苹果
  • Homebridge
  • Autodesk Fusion
  • 3D 打印
  • CSS3
  • TypeScript
  • Vue 3
  • Vuex
  • Vite
  • React
  • Tailwind CSS
  • Less
  • Element Plus
  • Astro
  • Java
  • Spring Boot
  • MyBatis
  • MySQL
  • MongoDB
  • Postman
  • Swagger
  • Mock.js
  • Flutter
  • Tauri
  • Swift
  • SwiftData
  • Linux
  • Ubuntu
  • CentOS
  • Tmux
  • Htop
  • Onefetch
  • Docker
  • Git
  • npm
  • pnpm
  • Winget
  • Figma
  • Adobe Lightroom Classic
  • Claude
  • Xmind
  • Raspberry Pi
  • ESP32
  • 软路由
  • Home Assistant
  • SolidWorks
  • Blender
  • HTML5
  • ES6
  • Axios
  • Pinia
  • Vue Router
  • Nuxt 3
  • UnoCSS
  • Sass
  • Vant 4
  • ECharts
  • VitePress
  • Spring
  • Spring Cloud
  • MyBatis-Plus
  • Redis
  • SQLite
  • Apifox
  • Charles
  • React Native
  • uni-app
  • 微信小程序开发
  • SwiftUI
  • macOS
  • Windows
  • Kali
  • Vim
  • Ranger
  • Neofetch
  • PM2
  • Kubernetes(K8s)· Vercel
  • SourceTree
  • Yarn
  • Homebrew
  • Photoshop
  • Capture One 23
  • ChatGPT
  • GitHub Copilot

BEYOND THE WORKBENCH / 工作之外

好奇心,没有下班时间。

写代码、焊电路,也拍照、飞无人机、去户外。
不同的兴趣,为创造带来不同的视角。

电子 DIY摄影航拍旅行编程设计户外露营
我的软件、装备与生活 ↗

07 / FIELD NOTES

边做,边记录。

全部手记 ↗

LET’S BUILD SOMETHING THAT WORKS.

聊聊岗位与项目。

通过 GitHub 交流 ↗