跨学科思维与持续学习
连接不同领域的知识，用学习、实践和复盘建立自己的理解。
- 思维方式
- 跨学科思维 · 系统思考
- 学习方法
- 持续学习 · 动手实践 · 记录与复盘
- 知识管理
- Xmind · 技术手记 · 知识体系整理
THINK × CODE × HARDWARE
让灵感，
发生在真实世界✳
嗨，我是 itinglight。
以 Web 全栈为基础，向电子硬件延伸。
连接编程、电路、设计与港美股投资，在跨学科学习中持续构建自己的知识体系。
SOFTWARE ↔ HARDWARE从界面、服务到设备，理解完整系统。
INTERACTIVE OBJECT001 / CONCEPT
++ itinglight● ●
iting@lab:~$CONNECT THE DOTS▌THINK · BUILD · ITERATE
SYSTEM ONLINE●
✳
MADE OF CURIOSITYAI—01
从代码，到触手可及。SOFTWARE MEETS THE PHYSICAL WORLD
↔ 移动指针，探索视角
CODE ↗ HARDWARE ↗ AI ↗ REAL WORLD用工程实现，用好奇心驱动。 ✳
01 / KNOWLEDGE ARCHITECTURE
让知识成网，让能力相连。
六个领域，一套持续迭代的知识体系。 从思维方法到工程实践，点击节点探索。
itinglight / MIND MAP连接知识
创造价值✳
创造价值✳
思考 → 实践 → 复盘 → 迭代
THINK / 知识分支完整能力清单 ↗
MAKE / 知识分支完整能力清单 ↗
硬件与智能系统
当前专注硬件工程与 AI 硬件，连接代码、电路与真实交互。
- 电路设计
- 立创 EDA · PCB 设计 · 两层板 · 四层板 · 六层板
- 制作与装配
- PCB 打板 · 手工焊接
- 硬件开发
- Arduino · Raspberry Pi · ESP8266 · ESP32
- 智能系统
- NAS · 软路由 · 黑苹果 · Home Assistant · Homebridge
- 三维与造物
- SolidWorks · Autodesk Fusion · Blender · 3D 打印
BUILD / 知识分支完整能力清单 ↗
Web 前端与交互
从基础语言到应用框架，积累完整的前端开发工具链。
- 语言与基础
- HTML5 · CSS3 · ES6 · TypeScript · Axios
- Vue 生态
- Vue 3 · Pinia · Vuex · Vue Router · Vite · Nuxt 3
- React
- React
- 样式系统
- UnoCSS · Tailwind CSS · Sass · Less
- 界面与可视化
- Vant 4 · Element Plus · ECharts
- 文档与内容
- Astro · VitePress
后端与数据
把界面背后的服务、数据与业务逻辑连接起来。
- Java 生态
- Java · Spring · Spring Boot · Spring Cloud · MyBatis · MyBatis-Plus
- 数据库
- MySQL · Redis · MongoDB · SQLite
- 接口与调试
- Postman · Apifox · Swagger · Charles · Mock.js
移动端与跨平台
在浏览器、手机与桌面之间，拓展产品的触达方式。
- 跨平台
- React Native · Flutter · uni-app
- 桌面开发
- Tauri
- 小程序
- 微信小程序开发
- Apple 生态
- Swift · SwiftUI · SwiftData
OBSERVE / 知识分支完整能力清单 ↗
港美股投资与市场学习
持续学习港股与美股投资，把市场观察纳入跨学科知识体系。
- 关注市场
- 美股投资 · 港股投资
- 学习方向
- 市场观察 · 投资学习与复盘
CONNECT / 知识分支完整能力清单 ↗
系统与工程工具
关注开发之外的运行环境、协作和部署。
- 系统
- macOS · Linux · Windows
- Linux 发行版
- Ubuntu · Kali · CentOS
- 终端工具
- Vim · Tmux · Ranger · Htop · Neofetch · Onefetch · PM2
- 容器与部署
- Docker · Kubernetes（K8s）· Vercel
- 版本控制
- Git · SourceTree
- 包管理
- npm · Yarn · pnpm · Homebrew · Winget
CREATE / 知识分支完整能力清单 ↗
设计、影像与 AI 工具
从工程实现延伸到视觉表达，借助新工具持续学习与创造。
- 视觉设计
- Photoshop · Figma
- 摄影后期
- Capture One 23 · Adobe Lightroom Classic
- AI 辅助
- ChatGPT · Claude · GitHub Copilot
- 思考与整理
- Xmind
跨领域连接
Web × 硬件 → 智能交互
设计 × 工程 → 产品实现
学习 × 实践 → 认知迭代
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
理解系统，也把细节做好。
把学习落实到实践，
把经验留在记录里。
从完整系统思考 ↗
把界面、服务、数据与设备放在一起理解。全栈开发的积累，让我在探索硬件时，也关注用户如何操作、数据如何流转。
技术背景：Web 前后端 · 数据库 · 智能系统用动手实践学习 ↗
从 Web 开发延伸到开发板、智能家居与三维打印，把新知识放进具体的实践场景，逐步拓展软硬件之间的连接。
探索方向：ESP32 · Raspberry Pi · 3D 打印把过程记录清楚 ↗
用技术手记整理开发环境、框架使用与排查步骤。让学习过程可以回看，也让交流有具体的代码、配置和记录可参考。
公开记录：Vue · TypeScript · Docker · Nginx04 / EXPLORATIONS
不止于屏幕。
在软件与物理世界的交汇处，
持续探索，动手创造。
05 / THE MINDSET
工具在变，
创造的好奇心始终在线。
曾经，我在浏览器里构建世界。
现在，我把传感器、电路和 AI
连接起来。
不为技术划边界，只为想法找出口。
06 / CAPABILITIES
技术在积累，能力在延伸。
从跨学科思考到港美股市场学习，从 Web 开发到 PCB 打板与手工焊接。知识地图梳理领域，下面展开一路积累的方法与工具。
07 / FIELD NOTES
边做，边记录。
LET’S BUILD SOMETHING THAT WORKS.