HTML 页面结构
├── 导航栏 (固定顶部)
│ ├── Logo: <CYBER/>
│ └── 链接: 首页 / 关于 / 作品 / 联系
├── Hero (首屏)
│ ├── 故障艺术标题: CYBERSPACE
│ └── CTA 按钮: [ 进入系统 ]
├── About (关于)
│ ├── 头像区 (代码设置 src 即可)
│ └── 个人介绍 + 技能标签
├── Projects (作品)
│ └── 6 张项目卡片 (每张独立配置跳转链接)
├── Contact (联系)
│ └── GitHub / Email / 社交媒体链接面板
└── 3D Canvas (固定背景)
自定义指南
修改头像
在 `index.html` 中搜索 `<!– 自定义头像 –>`，修改 `src` 属性：
<img class=”avatar-img” id=”avatarImg”
src=”你的图片路径.png” <!– 改这里 –>
alt=”Avatar”
onerror=”this.style.display=’none'”>
修改项目链接
搜索 `yourname` 即可批量定位 6 个项目链接：
<a href=”https://你的链接” target=”_blank” rel=”noopener” class=”project-link”>
[ 查看项目 → ]
修改文案
Hero 标题/副标题：搜索 `CYBERSPACE` / `欢迎进入赛博空间`
个人介绍：搜索 `旅行者` / `全栈开发者`
项目信息：搜索 `NEURAL_RECON` / `CYBER_MESH` 等
![图片[1]-赛博朋克 3D 个人主页-茉莉小栈](https://pic1.imgdb.cn/item/6a4869451f8fda9783e1ccb0.png)
© 版权声明
版权声明
1
本站名称：茉莉小栈
2
本站网址：www.5iml.com
3
本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长进行删除处理。
4
本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5
本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报。
6
本站附件资源、教程等内容如因时效原因失效或不可用，请评论区留言或联系站长及时更新。
THE END
暂无评论内容