1:推荐阅读前面两篇内容。
博客:如何利用Matataki和Github搭建个人博客,永久保存数据?
博客:Github博客开发篇2:利用jsdelivr做图床分享链接。
2:如何备份数据和仓库?
1:下载备份
点击Code,然后选择Download ZIP下载压缩文件包。
我们可以轻松的下载整个文件夹的所有内容。
我们解压后就会得到全部的文件了。
2:克隆仓库
这个操作不仅仅用于克隆自己的仓库,也可以来克隆其他人的仓库,趴代码看看。
点击右上角的**+号**,选择 Import repository来克隆仓库。
这里是解释一下,如果是建立博客建议用公开的仓库,私人仓库有诸多的限制。
当然,如果你愿意付费,当我没说这话。
稍等片刻就会发现克隆成功。
在修改一些你觉得危险的操作的时候,可以先克隆一个仓库来备份。
或者也可以去克隆别人的仓库来修改内容,毕竟有些人的博客很漂亮,但是你自己去一行行的写就很麻烦了。
3:添加顶级域名
虽然GitHub会自动给你分配一个二级的域名,诸如:
你的GitHub用户名.github.io/仓库名/
虽然有时候可以访问,但是有的时候会出现问题,而且二级域名也不方便记忆。
我去网上搜索了很多教程,最后发现并没有这么麻烦,而且域名也不需要备案就可以使用。
推荐使用阿里云或者腾讯云的域名。
本文以阿里云为例子,将域名解析到刚才克隆的网站:
https://keyxec.github.io/key1/
1:购买域名
顶级域名当然没有免费的,tk那种除外,但是相信我,一个域名要不了多少钱,没有必要搞的那么麻烦。
阿里云直接用支付宝登录即可,然后去他旗下的万网购买域名,当然去腾讯云也是一样的。
登录账号,点击控制台,然后再选择域名。
进入万网的域名注册页面。
1元起,指的是新用户首年1元购,但是续费就要原价了。
如果没有特殊的需求,建议还是注册后缀为.com和.cn的为好。
输入你想注册的域名,然后查询:
不要被迷惑了,虽然.xyz域名首年只需要8元,但是续费却需要……69元/年。
所以,还不如选择.com域名注册。
你们可以自己去尝试一下,注册什么域名比较好。
不管是什么域名,选择好了之后,加入清单,然后付款(这里需要提前准备好一套认证的个人模板),最后购买成功,域名实名认证成功。
当域名的状态是正常的时候就可以使用了。
2:解析域名
解析域名的目的是为了让域名指向你的github仓库页面,也就是指到博客。
让其他人可以通过域名访问博客,又好记又省心。
我们首先要去ping一下你的博客地址。
就是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](https://wriiqu.cn/)然后再保存。
保存好了之后稍等片刻即可。
2:在GitHub仓库的settings/pages里面添加域名。
我们直接打开:
https://github.com/keyxec/key1/settings/pages
在上图的Custom domain的下面输入域名,然后点击Save保存即可。
如果你是第一次绑定域名,他会给你生成一个证书。
请稍等大概15分钟左右即可(也许是20分钟)。
当证书没有生成的时候,虽然可以访问你的网站,但是谷歌浏览器会提示风险。
他会提示有风险,稍等证书生成完成,就会自动去除这个图标了。
大家可以访问我的网址查看这个临时小站(随时可能关闭)。
原因是这个域名是花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/
暂时先就更新到这里,明天就换个话题。