github jekyll_如何将Jekyll上传到Github页面

在前面的文章中，我们已经讨论了如何在计算机上本地设置Jekyll博客 ， 创建 草稿以及使用插件管理多个草稿 。 现在，我们准备将博客部署到在线服务器，让全世界看到我们的博客有多棒。

将Jekyll部署到在线服务器非常容易，因为它只是一个静态网站。 您需要的是共享主机，并具有足够的硬盘空间和足够的带宽来托管它。 共享主机的费用应该可以承受。 但是话又说回来，为什么还要担心，当您可以免费使用Github Pages完全免费托管Jekyll博客时。

Github免费提供Github Pages ，任何人都可以托管其静态网站。 它内置了Jekyll，因此是托管我们由Jekyll支持的博客的好地方。 在本文中，我们将向您展示如何将博客部署到Github Pages 。

入门

首先，您需要有一个Github帐户。 拥有一个存储库后 ， 创建一个新的存储库 。 您的存储库名称将用于博客地址，格式为{username}.github.io/{repo-name} 。

在此示例中，我将存储库简单命名为blog 。 创建存储库后，复制克隆url 。

添加，提交和推送

我们将把我们的本地Jekyll文件上传到我们新创建的Github存储库中。 我将使用Mac的Github来完成这项工作，该工作可以免费下载 -Windows的Github也可供Windows用户使用。

让我们启动Github应用程序，然后将我们的Jekyll博客目录添加为本地存储库。

转到“设置”页面。 粘贴上面复制的Github git clone URL。

转到Github。 确保所有文件都已成功上传。

Github Pages分支

为存储库创建Github页面就像创建新的git分支一样容易。 在Github应用中，转到“ 分支”选项卡。 在master分支中创建一个名为gh-pages的新分支，然后单击Publish按钮。

现在，新分支已在Github存储库中注册，就像这样。

您的存储库的Github页面应在几分钟内准备就绪。 启用后，您可以在浏览器上的{username}.github.io/{repo-name}上打开它，例如：

故障排除

如果博客的样式不正确，则可能是因为样式表未正确链接。 要解决此问题，请在_layouts文件夹中打开default.html。 您将看到样式表以斜杠符号/初始化。

<link rel="stylesheet" href="/css/syntax.css">

省略第一个斜杠，因此路径如下所示：

<link rel="stylesheet" href="css/syntax.css">

然后提交更改，并将其推送到Github。 现在应正确显示博客。

翻译自: https://www.hongkiat.com/blog/jekyll-github-pages/