github自定义样式_为Github页面设置自定义域

除了免费提供Github Pages之外,Github还允许我们为创建的Page使用自己的域名。 因此,而不是使用以下名称格式的: {username}.github.io/{project-name} ,您可以拨打博客像www.myawesomeblog.com代替。

这是一个免费的开源项目的绝佳机会,因为缺乏资金支持来托管其网站或博客。 当该项目突然变得非常流行时,不必担心超出带宽限制或烧断手指。 有许多使用此功能的项目,包括Bootstrap , Jekyll ,Yeoman和Foundation等等。

在上一篇有关Jekyll的文章中,我们向您展示了如何使用Github名称格式将基于Jekyll的博客部署到Github Pages 。 在本文中,我们将为该博客使用自定义域。

创建一个CNAME文件

让我们打开Github应用程序( 适用于Mac 和Windows )。 在“ 分支”窗格中,将工作分支切换到gh-pages

github自定义样式_为Github页面设置自定义域_第1张图片

github自定义样式_为Github页面设置自定义域_第2张图片

在本地git存储库的根文件夹中创建一个名为CNAME的新文件。 在其中输入网站/博客的域名,例如blog.domain.com注意,我们只能在CNAME文件中添加一个域名。

然后, 提交并将文件推送到Github。

github自定义样式_为Github页面设置自定义域_第3张图片

github自定义样式_为Github页面设置自定义域_第4张图片

指向DNS

接下来,我们需要将CNAME文件中该域的DNS指向Github Pages。 在此示例中,我将使用cPanel。 让我们登录到cPanel,然后导航到Advanced DNS Zone Editor

github自定义样式_为Github页面设置自定义域_第5张图片

github自定义样式_为Github页面设置自定义域_第6张图片

像这样添加一个指向我们的Github页面的新CNAME记录。

github自定义样式_为Github页面设置自定义域_第7张图片

github自定义样式_为Github页面设置自定义域_第8张图片

现在,我们只需要等待DNS传播即可 ; 它可能需要24小时或仅几分钟。 启用后,您应该可以通过自己的域名访问您的网站和博客。

github自定义样式_为Github页面设置自定义域_第9张图片

github自定义样式_为Github页面设置自定义域_第10张图片

翻译自: https://www.hongkiat.com/blog/github-with-custom-domain/

你可能感兴趣的:(github自定义样式_为Github页面设置自定义域)