Github博客开发3，如何添加域名？怎么样创建项目？

1：推荐阅读前面两篇内容。

博客：如何利用Matataki和Github搭建个人博客，永久保存数据？

博客：Github博客开发篇2：利用jsdelivr做图床分享链接。

2：如何备份数据和仓库？

1：下载备份

点击Code，然后选择Download ZIP下载压缩文件包。

我们可以轻松的下载整个文件夹的所有内容。

我们解压后就会得到全部的文件了。

2：克隆仓库

这个操作不仅仅用于克隆自己的仓库，也可以来克隆其他人的仓库，趴代码看看。

点击右上角的+号，选择 Import repository来克隆仓库。

这里是解释一下，如果是建立博客建议用公开的仓库，私人仓库有诸多的限制。

当然，如果你愿意付费，当我没说这话。

稍等片刻就会发现克隆成功。

在修改一些你觉得危险的操作的时候，可以先克隆一个仓库来备份。

或者也可以去克隆别人的仓库来修改内容，毕竟有些人的博客很漂亮，但是你自己去一行行的写就很麻烦了。

3：添加顶级域名

虽然GitHub会自动给你分配一个二级的域名，诸如：

https://keyxec.github.io/key/

你的GitHub用户名.github.io/仓库名/

虽然有时候可以访问，但是有的时候会出现问题，而且二级域名也不方便记忆。

我去网上搜索了很多教程，最后发现并没有这么麻烦，而且域名也不需要备案就可以使用。

推荐使用阿里云或者腾讯云的域名。

本文以阿里云为例子，将域名解析到刚才克隆的网站：

https://keyxec.github.io/key1/

1：购买域名

顶级域名当然没有免费的，tk那种除外，但是相信我，一个域名要不了多少钱，没有必要搞的那么麻烦。

阿里云直接用支付宝登录即可，然后去他旗下的万网购买域名，当然去腾讯云也是一样的。

https://www.aliyun.com/

登录账号，点击控制台，然后再选择域名。

https://wanwang.aliyun.com/

进入万网的域名注册页面。

1元起，指的是新用户首年1元购，但是续费就要原价了。

如果没有特殊的需求，建议还是注册后缀为.com和.cn的为好。

输入你想注册的域名，然后查询：

不要被迷惑了，虽然.xyz域名首年只需要8元，但是续费却需要......69元/年。

所以，还不如选择.com域名注册。

你们可以自己去尝试一下，注册什么域名比较好。

不管是什么域名，选择好了之后，加入清单，然后付款（这里需要提前准备好一套认证的个人模板），最后购买成功，域名实名认证成功。

当域名的状态是正常的时候就可以使用了。

2：解析域名

解析域名的目的是为了让域名指向你的github仓库页面，也就是指到博客。

让其他人可以通过域名访问博客，又好记又省心。

我们首先要去ping一下你的博客地址。

https://keyxec.github.io/

就是ping一下这个网址，当然也可以通过一些工具在线ping。

随便百度一下就可以找到提供相关服务的网站。

我们选择一个结果，貌似啥账号都是这个IP，我看别人的教程也是这个IP地址。

185.199.109.153

通过GitHub官方的教程和一些其他地方的教程，我们要进行如下的操作，添加两条CNAME解析记录。

回到阿里云的域名管理界面，我们点击解析：

然后进入了一个这样的界面，我们继续添加记录：

我们添加记录，记录类型是CNAME，主机记录默认留空，记录值写：keyxec.github.io

点击确定，即可添加该解析。

（TLL选择10分钟，10分钟后即可生效）

我们再依葫芦画瓢，再添加一条CNAME记录，只是把主机名改成WWW而已。

这样即使带上www也可以访问网站了。

最后我们会拥有两个记录，如下图所示：

我们再去仓库修改两项内容：

1：修改显示主页。

我们找到key1仓库下面的_config.yml文件，然后修改：

我们需要把上图的https://keyxec.github.io/key改成https://wriiqu.cn然后再保存。

保存好了之后稍等片刻即可。

2：在GitHub仓库的settings/pages里面添加域名。

我们直接打开：

https://github.com/keyxec/key1/settings/pages

在上图的Custom domain的下面输入域名，然后点击Save保存即可。

如果你是第一次绑定域名，他会给你生成一个证书。

请稍等大概15分钟左右即可（也许是20分钟）。

当证书没有生成的时候，虽然可以访问你的网站，但是谷歌浏览器会提示风险。

他会提示有风险，稍等证书生成完成，就会自动去除这个图标了。

大家可以访问我的网址查看这个临时小站（随时可能关闭）。

wriiqu.cn

www.wriiqu.cn

原因是这个域名是花2块钱买过来的临时域名（1个月后到期），只是作为本次教程演示使用的。

当然，大家要做博客肯定是自己去注册一个喜欢的域名，而且也不贵。

3：缺点

不知道是我遇到了这种问题，还是大家都遇到了这种问题。

那就是如果通过上面的方式绑定了域名后，你更新仓库的文件内容，包括增，删，改等操作时，系统会自动恢复原来的浏览页面：

https://keyxec.github.io/key1/

这种时候你需要手动的再次修改一次Custom domain的内容，更新一下域名就好了。

4：备选的记录方式

在某些教程中，提到了这种方法。

不是添加两条CNAME记录，而是添加两条A记录。

我们可以重新回顾上面的操作，把CNAME就里面的keyxec,github.io换成我们ping到的IP地址即可。（185.199.109.153）

同样在主机名留空和添加www这两项。

这样貌似也可以访问，但是问题更多，所以就不推荐了。

5：其他的操作

这三篇的基础操作已经讲解完成了。

包括，注册账号，搭建博客，修改内容，添加域名等操作。

但是更酷更有趣的操作请自己去验证。

另外，说一下导航栏的问题。（其实把导航栏去掉也不影响观看）

我们知道，在前面我们的导航里面有4项内容，可是到目前为止只有文章的操作。

今天暂时就说一下项目的操作：

打开官方文档：

如何使用半自动化的文档系统

https://xaoxuu.com/wiki/stellar/wiki-settings/

从网址上面看，这就是一个项目，项目名称叫stellar，也就是这个博客的主题。

创建项目

当然，我们就不适用他的这个项目名了。

首先我们要创建一个途径，source/wiki/项目名/项目文件。

然后在里面的wiki那一项，要写上对应的项目名。

当然，你也可以插入一条order作为排序函数。数值越小越靠前，默认为0。

（order数值最小的会当做项目主页）

我们可以看到，刚才创建的项目已经更新了。

懂了没，这就是刚才的预览结果。

创建项目的第二个文件

我们再加入一个文件在这个项目中来测试一下：

我们就写一个这么简单的内容，看看他是如何反应的。

上面最重要的就是加入了一行order作为排序，也许会达到我们的要求。

最后刷新了还是一样，并没有想象中的效果。

这是为什么呢？

我知道了，大概是那条语法不兼容，我们删除order那一行即可。

最后，显示结果如下所示：

有些类似于标题的效果，但又不是标题，项目可以把多个文章合并到一起，并且不会在首页发布。

完善项目（图片，说明，标签等）

大概有这么几项：

subtitle：副标题

tags：标签

cover：屏蔽相关内容

logo：图标

src：图片链接

small large：大小尺寸

description：说明

大家可以选择性的填写，最后是要在这个文件里面更新上述内容：

source/_data/projects.yml

我们来尝试一下，看看效果如何？

上面就已经显示了，还不错，基本的都已经做到了。

在tags里面可以添加多个标签，如图所示即可。注意是在全拼的情况下的逗号。

测试的项目地址：https://keyxec.github.io/key/wiki/

暂时先就更新到这里，明天就换个话题。

—-

编译者/作者：先圣

玩币族申明：玩币族作为开放的资讯翻译/分享平台，所提供的所有资讯仅代表作者个人观点，与玩币族平台立场无关，且不构成任何投资理财建议。文章版权归原作者所有。