小小铭 Makerming - 个人作品集

资深产品经理 · 发明爱好者 · 创客 · 折腾星人

项目简介

这是我的个人作品集网站，展示我在硬件产品创新、创客项目、软件开发等领域的工作与成果。网站采用纯 HTML/CSS/JS 构建，暗色科技风设计，支持响应式布局。

在线访问

🔗 https://makerming.com

项目结构

个人作品集/
├── index.html              # 首页（作品集汇总）
├── about.html              # 关于我（详细介绍页）
├── README.md               # 本文件
├── images/
│   ├── avatar.jpg          # 头像
│   └── screenshots/        # 项目截图
├── projects/               # 软件项目详情页
│   ├── timestamp.html      # 时光印记 · Timestamp
│   ├── wordgame.html       # 聚会猜词游戏
│   ├── yunfuwiki.html      # 云浮百科 · yunfu.wiki
│   ├── salary.html         # 实时工资 · Real-time Salary
│   └── prd.html            # AI 提效 PRD 撰写

技术栈

• 前端：纯 HTML5 + CSS3 + JavaScript（无框架依赖）
• 样式：CSS 变量主题系统，Flexbox / Grid 布局
• 动画：CSS 关键帧动画 + Intersection Observer 滚动渐显
• 字体：Noto Sans SC（中文）+ JetBrains Mono（代码/数字）
• 图标：Font Awesome 6.5.1

主要内容

首页板块

板块	说明
Hero	个人简介、身份标签、快速导航
关于我	个人经历摘要与关键数据
创客作品	6 个精选 Hackster.io 创客项目
软件项目	5 个独立开发的网页应用
硬件项目	4 个从专利到商业化的硬件创新
认识一下	联系方式与社交媒体

软件项目

项目	地址	标签
时光印记 · Timestamp	timestamp.site	母婴 · 效率
聚会猜词游戏	wordgame.site	游戏 · 休闲
云浮百科 · yunfu.wiki	yunfu.wiki	文旅
实时工资 · Real-time Salary	mysalary.site	休闲 · 效率
AI 提效 PRD 撰写	prd-kohl.vercel.app	效率

创客作品

更多创客项目请访问 Hackster.io/Makerming

本地运行

本项目为纯静态网站，无需构建工具，直接在浏览器中打开 index.html 即可预览。

# 方式一：直接打开
open index.html

# 方式二：使用本地服务器
python3 -m http.server 8080
# 然后访问 http://localhost:8080

部署

网站可部署到任何静态托管平台：

• Vercel
• GitHub Pages
• Cloudflare Pages
• Netlify

关于我

• 🔧 10+ 年硬件产品创新与商业化经验
• 💡 二十余项国家专利授权
• 🏆 深圳市无人机组装大赛冠军、深圳逐梦杯二等奖
• 📜 国家法律职业资格证、教师资格证、AOPA 无人机机长证
• 🌐 GitHub: @MakermingOne
• 🤖 Hackster: Makerming

许可

本项目源码仅供个人展示使用，未经授权请勿商用。

---

© 2026 Makerming. All rights reserved.