Homepage Creators：美观大气的个人主页

项目地址：iWangJiaxiang/Homepage-Creators: Homepage Creators 是一款适用于 Zola 的个人主页主题，风格接近 Apple，美观大气。

主页界面

主页介绍

Homepage Creators 是一款适用于 Zola 的个人主页主题，风格接近 Apple，美观大气。

本主题使用简单，只需修改config.toml文件即可动态调整内容。

功能特性

• 基本功能
  •  移动端自适应
  •  动画滚动
  •  AVIF / WebP自适应
  •  动态更新底部年份
  •  访问量统计（Umami 或自定义）
• 内容板块
  •  导航菜单
  •  首屏板块
  •  作者板块
  •  事件板块
  •  产品板块（独立）
  •  产品板块（清单）
• 日常运营
  •  置顶通知
• 合规
  •  ICP备案
  •  公安备案

安装部署

GitHub Pages

1. 复刻 本仓库。
2. 确保仓库已经包含 .github/workflows/deploy.yml 文件，无需额外配置。
3. 在仓库的 操作 页面启用 Build GH Pages 工作流，然后手动触发构建。
4. 提交更改后，GitHub Actions 将自动构建并部署到 gh-pages 分支，等待完成。
5. 在您的 GitHub 仓库中，进入 设置 -> GitHub Pages，在 Source 下拉菜单中选择 gh-pages 分支并保存。
6. 部署完成后，您可以通过 https://<your-username>.github.io/<repository-name> 访问您的站点。

CloudFlare Pages

1. Folk 本仓库
2. 登录 Cloudflare 并进入 GitHub Pages 页面。
3. 点击 Create a project 按钮。
4. 选择 Connect to Git，然后授权 Cloudflare 访问您的 GitHub 仓库。
5. 在仓库列表中选择您的 Homepage-Creators 仓库。
6. 配置构建设置：

• Framework preset: 选择 None。
• Build command 构建命令: 输入 zola build。
• Build output directory 构建输出: 输入 public。
• 添加环境变量UNSTABLE_PRE_BUILD，填写asdf plugin add zola https://github.com/salasrod/asdf-zola && asdf install zola $ZOLA_VERSION && asdf global zola $ZOLA_VERSION
• 添加环境变量ZOLA_VERSION，填写0.20.0

点击 Save and Deploy 按钮，Cloudflare Pages 将开始构建和部署您的站点。部署完成后，您可以通过 Cloudflare 提供的域名访问您的站点，或者绑定自定义域名。

定制主页

定制过程十分简单！你只需要：

1. 将使用到的图片素材并存放在static/img文件夹
2. 修改 config.toml 文件，配置板块、文字内容和引用的图片
3. 运行zola serve命令，本地预览主页，支持实时刷新

要进行主页定制，你需要对 Zola 框架具有基本的了解，例如理解项目结构和配置文件，这些内容十分简单，只需要通读一遍即可。