是否可以在不在本地使用 Jekyll 的情况下将 Open Graph 元数据添加到 GitHub Pages 站点?

Is it possible to add Open Graph metadata to a GitHub Pages site without using Jekyll locally?

我在 GitHub 存储库中有一个简单的 index.md 页面,我通过 GitHub 页面 "Minimal" 主题发布它。我根本在本地使用 Jekyll;我依靠 Pages 将 Markdown 呈现为 HTML。我想在头部添加一些 Open Graph 元数据,以改进页面的 SEO 和共享实用程序。

查看 Minimal 主题的 code,似乎无法向 <head> 添加任何内容。我是不是遗漏了什么,或者 GitHub 主题是否以这种方式受到限制?仅仅为了创建一个页面而安装 Jekyll 似乎有些过分,所以我正在努力避免这种情况。

是的,这是可能的,只需 copy theme files 到根目录下的 jekyll 实例并根据需要编辑它们,Jekyll 将在寻找主题文件之前使用这些文件。

或者您可以使用 jekyll-seo-tag 插件,它会根据您的页面描述、标题等自动为您添加 OpenGraph 元数据,并由 github-pages gem 使用。

感谢上面 marcanuy 的 answer,我能够将 Open Graph 元数据添加到页面。以下是我遵循的步骤:

  1. /docs/_layouts 的 repo 中创建一个新目录。
  2. Minimal theme, based on these instructions 下载 default.html 文件的原始 HTML。
  3. default.html 文件复制到 /docs/_layouts
  4. 将此添加到 /docs 中的 _config.yml 文件,以启用 Jekyll SEO 标签到 GitHub 页面上的 运行,基于 these instructions:

    gems:
      - jekyll-seo-tag
    
  5. 编辑 default.html 以在 <head> 中包含 {% seo %},以便在发布页面时触发 SEO gem。我还从 Minimal 模板中删除了现有的 <title> 标签,因为插件会插入自己的标题。

  6. SEO tag instructions的基础上,将description:logo:author:等添加到_config.yml文件中。这些也可以添加到单独的 .md 文件中,但在这种情况下我只有一个。

将这些更改推送到 GitHub 后,Open Graph 和其他元数据开始出现在渲染页面的 <head> 中。