一个简约、接近 Apple 设计风格的个人主页模板。
本项目是基于张洪大佬的优秀开源项目 HeoWeb 进行搭建与修改。
我主要对模板中的文本、图片和链接进行了替换,并将其作为我个人网站 ZRF.ME 的线上版本。此开源仓库旨在分享我的配置,并方便自己进行版本管理。
你可以在此基础上自由搭建,但请务必替换仓库中的个人信息、图片、链接和统计脚本等内容。
- 苹果风格设计:简洁、现代的 UI 界面,注重细节和留白。
- 响应式布局:完美适配桌面、平板和手机等不同尺寸的设备。
- 平滑的动效:使用轻量级 JS 库实现滚动视差等动态效果,提升浏览体验。
- 易于定制:结构清晰,代码注释完整,方便你快速上手进行二次修改。
- 轻量化:无任何重型框架,加载迅速,部署简单。
你可以轻松地将此项目部署到 Vercel, Netlify, GitHub Pages 或其他任何静态网站托管平台。
-
Fork 或克隆本项目
git clone https://github.com/shaoyouvip/ZrfWeb.git
-
个性化修改 这是最重要的一步。请根据以下指引修改为你自己的内容:
- 文本内容: 打开
index.html,将所有的标题、描述、链接等替换为你自己的信息。 - 图片资源: 替换
/img/文件夹下的所有图片,如头像、Logo、项目封面图等。建议保持图片尺寸与原图相近,以获得最佳显示效果。 - 样式调整: 如果需要修改主题色、字体等,可以编辑
main.css文件。 - 页面信息: 尤其注意修改
<head>标签中的网站标题 (<title>)、描述 (<meta name="description">) 等 SEO 相关信息。 - 统计脚本: 务必删除或替换
<body>标签末尾的umami统计脚本为你自己的服务。
- 文本内容: 打开
-
部署 将修改后的代码推送到你的 GitHub 仓库,并将其连接到 Vercel 或 Netlify,即可实现自动化部署。
