搭建Github Page完全手册

一、前期准备

注册Github账号（必备）
下载GitHub Desktop：下载链接（可使用git代替）
模板选择网站：

二、快速入门

1.模板参考

作者使用的模板来源：https://github.com/qiubaiying/qiubaiying
零基础的朋友可以直接拉取他的仓库
搭建方法参考文章：搭建方法参考
其他好看的模板：模板一模板二

2.拉取仓库

（1）打开上文模板链接

（2）转跳到如下界面

（3）修改以下内容

复制代码

Repository name = 存储库名称 = 你想给他取的存储库名字
仓库名称格式：你的Github账号名.github.io

注意：这里的名字就是访问他的网址

（4）修改仓库名

如果您在上部部分仓库名修改有误、不正确、报404错误请参考此章节

修改格式：

复制代码

你的Github账号名.github.io，然后 Rename

3.测试访问

按如上步骤来来应显示如图所示

三、进阶步骤

推荐使用GitHub Desktop将仓库拉取到本地，然后使用vscode编辑

1.增加左侧栏目中原作者未提供的转跳链接

（1）打开_config.yml

找到SNS settings部分

复制代码

# SNS settings
RSS: false
zhihu_username:     你的用户名
github_username:    你的用户名
csdn_username:   你的用户名

原作者并未提供csdn或其他链接的修改代码

（2）此处添加你想要的链接的变量名

例如CSDN的变量名为：csdn_username

(3)添加完成后修改

\_layouts\page.html中

修改为：

html 复制代码

{% if site.csdn_username %}
	<li>
		<a target="_blank" href="https://blog.csdn.net/{{ site.csdn_username }}">
			<span class="fa-stack fa-lg">
				<i class="fa fa-circle fa-stack-2x"></i>
				<i class="fa fa-stack-1x fa-inverse">C</i>
			</span>
	 	</a>
	</li>
{% endif %}

(4)刷新测试

正常应为下图所示

2.更改域名

（1）域名购买方推荐使用

（2）作者使用的是阿里云万网域名

可以看到.top域的域名非常的便宜（推荐使用）

（3）配置域名解析

打开域名管理界面

点击解析

添加解析记录

可按需添加，这里的IPv6地址可以使用cmd直接ping你的博客地址得出

主机记录	记录类型	记录值
@	A	185.199.111.153
@	A	185.199.110.153
@	A	185.199.109.153
@	A	185.199.108.153
@	AAAA	2606:50c0:8003::153
@	AAAA	2606:50c0:8002::153
@	AAAA	2606:50c0:8001::153
@	AAAA	2606:50c0:8000::153
www	CNAME	youusername.github.io