0%

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

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

博客:如何利用Matataki和Github搭建个人博客,永久保存数据?

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

2:如何备份数据和仓库?

1:下载备份

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

img

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

img

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

2:克隆仓库

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

img

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

img

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

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

img

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

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

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

3:添加顶级域名

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

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

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

img

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

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

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

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

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

img

1:购买域名

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

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

https://www.aliyun.com/

img

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

https://wanwang.aliyun.com/

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

img

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

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

输入你想注册的域名,然后查询:

img

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

img

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

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

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

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

img

2:解析域名

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

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

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

https://keyxec.github.io/

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

img

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

img

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

185.199.109.153

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

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

img

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

img

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

img

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

(TLL选择10分钟,10分钟后即可生效)

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

img

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

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

img

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

1:修改显示主页。

我们找到key1仓库下面的**_config.yml**文件,然后修改:

img

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

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

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

我们直接打开:

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

img

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

img

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

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

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

img

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

img

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

wriiqu.cn

www.wriiqu.cn

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

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

3:缺点

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

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

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

img

这种时候你需要手动的再次修改一次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,也就是这个博客的主题。

创建项目

img

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

img

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

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

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

(order数值最小的会当做项目主页)

img

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

img

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

创建项目的第二个文件

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

img

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

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

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

这是为什么呢?

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

最后,显示结果如下所示:

img

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

完善项目(图片,说明,标签等)

img

大概有这么几项:

subtitle:副标题

tags:标签

cover:屏蔽相关内容

logo:图标

src:图片链接

small large:大小尺寸

description:说明

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

source/_data/projects.yml

img

我们来尝试一下,看看效果如何?

img

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

img

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

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

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