是否可以在不在本地使用 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 元数据添加到页面。以下是我遵循的步骤:
- 在
/docs/_layouts
的 repo 中创建一个新目录。
- 从 Minimal theme, based on these instructions 下载
default.html
文件的原始 HTML。
- 将
default.html
文件复制到 /docs/_layouts
。
将此添加到 /docs
中的 _config.yml
文件,以启用 Jekyll SEO 标签到 GitHub 页面上的 运行,基于 these instructions:
gems:
- jekyll-seo-tag
编辑 default.html
以在 <head>
中包含 {% seo %}
,以便在发布页面时触发 SEO gem。我还从 Minimal 模板中删除了现有的 <title>
标签,因为插件会插入自己的标题。
- 在SEO tag instructions的基础上,将
description:
、logo:
、author:
等添加到_config.yml
文件中。这些也可以添加到单独的 .md
文件中,但在这种情况下我只有一个。
将这些更改推送到 GitHub 后,Open Graph 和其他元数据开始出现在渲染页面的 <head>
中。
我在 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 元数据添加到页面。以下是我遵循的步骤:
- 在
/docs/_layouts
的 repo 中创建一个新目录。 - 从 Minimal theme, based on these instructions 下载
default.html
文件的原始 HTML。 - 将
default.html
文件复制到/docs/_layouts
。 将此添加到
/docs
中的_config.yml
文件,以启用 Jekyll SEO 标签到 GitHub 页面上的 运行,基于 these instructions:gems: - jekyll-seo-tag
编辑
default.html
以在<head>
中包含{% seo %}
,以便在发布页面时触发 SEO gem。我还从 Minimal 模板中删除了现有的<title>
标签,因为插件会插入自己的标题。- 在SEO tag instructions的基础上,将
description:
、logo:
、author:
等添加到_config.yml
文件中。这些也可以添加到单独的.md
文件中,但在这种情况下我只有一个。
将这些更改推送到 GitHub 后,Open Graph 和其他元数据开始出现在渲染页面的 <head>
中。