跳至主要內容
使用 Homer 和 Cloudflare Pages 免费部署个人导航页

准备工作

在开始之前,请确保您已拥有以下账户:

  • Cloudflare 账户:用于部署和托管静态页面。
  • GitHub 账户:用于托管 Homer 的代码和配置文件。

步骤一:获取并初始化 Homer

Homer 提供了预构建的版本,无需手动编译,可直接使用。

操作步骤

  1. 下载 Homer:

    • Linux/macOS:
      # 下载最新版本的 Homer 压缩包
      wget https://github.com/bastienwirtz/homer/releases/latest/download/homer.zip
      # 解压到名为 homer 的目录
      unzip homer.zip -d homer
    • Windows:
      访问 Homer 发布页面,下载最新的 homer.zip 文件并解压。
  2. 初始化配置文件:
    进入解压后的 homer 目录,复制并重命名示例配置文件,作为您的主配置文件。

    cd homer
    cp assets/config.yml.dist assets/config.yml

诗往哥2025/8/30大约 3 分钟网站搭建Homer导航页Cloudflare Pages静态网站GitHub
使用 Shields.io 创建自定义静态徽章

前言

静态徽章(Badge)是项目 README 或文档中常见的元素,用于直观地展示状态信息,例如构建状态、代码覆盖率或版本号。Shields.io 是一个广受欢迎的免费服务,可以轻松制作这类徽章。

静态徽章示例
静态徽章示例

要创建一个基础徽章,您可以访问 Shields.io 官网,在右侧的 badgeContentpath 输入框中填入特定格式的字符串(即路径参数),例如 build-passing-brightgreen,然后点击 Execute 即可预览。最后,根据需要复制页面上提供的 URL、Markdown、HTML 等格式的代码。


诗往哥2024/12/24大约 3 分钟网站搭建徽章Shields.ioMarkdown静态网站

Your primary language is en-US, do you want to switch to it?

你的首选语言是 en-US,是否切换到该语言?