Skip to content

shaoyouvip/ZrfWeb

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

48 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ZrfWeb

一个简约、接近 Apple 设计风格的个人主页模板。

ZrfWeb 预览

简介

本项目是基于张洪大佬的优秀开源项目 HeoWeb 进行搭建与修改。

我主要对模板中的文本、图片和链接进行了替换,并将其作为我个人网站 ZRF.ME 的线上版本。此开源仓库旨在分享我的配置,并方便自己进行版本管理。

你可以在此基础上自由搭建,但请务必替换仓库中的个人信息、图片、链接和统计脚本等内容。

✨ 特性

  • 苹果风格设计:简洁、现代的 UI 界面,注重细节和留白。
  • 响应式布局:完美适配桌面、平板和手机等不同尺寸的设备。
  • 平滑的动效:使用轻量级 JS 库实现滚动视差等动态效果,提升浏览体验。
  • 易于定制:结构清晰,代码注释完整,方便你快速上手进行二次修改。
  • 轻量化:无任何重型框架,加载迅速,部署简单。

🚀 快速开始

你可以轻松地将此项目部署到 Vercel, Netlify, GitHub Pages 或其他任何静态网站托管平台。

  1. Fork 或克隆本项目

    git clone https://github.com/shaoyouvip/ZrfWeb.git
  2. 个性化修改 这是最重要的一步。请根据以下指引修改为你自己的内容:

    • 文本内容: 打开 index.html,将所有的标题、描述、链接等替换为你自己的信息。
    • 图片资源: 替换 /img/ 文件夹下的所有图片,如头像、Logo、项目封面图等。建议保持图片尺寸与原图相近,以获得最佳显示效果。
    • 样式调整: 如果需要修改主题色、字体等,可以编辑 main.css 文件。
    • 页面信息: 尤其注意修改 <head> 标签中的网站标题 (<title>)、描述 (<meta name="description">) 等 SEO 相关信息。
    • 统计脚本: 务必删除或替换 <body> 标签末尾的 umami 统计脚本为你自己的服务。
  3. 部署 将修改后的代码推送到你的 GitHub 仓库,并将其连接到 Vercel 或 Netlify,即可实现自动化部署。

🙏 致谢

  • 特别感谢 张洪 (Heo) 大佬提供的优秀项目 HeoWeb,它为 ZrfWeb 奠定了坚实的基础,感谢您的辛勤付出与开源精神。

About

纯静态多业务展示的个人主页主题

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors