使用GitHub Pages+个人域名+Gridea搭建个人主页

一、工作准备

搭建个人主页需要做的准备工作有两个:
1)、注册Github账号,注册Github账号是免费的。

Github网站地址:https://github.com/github

点击Sign up进入注册页面,总共有三步,按照步骤填入相应的信息即可。

第一步:

第二步:

第三步:

注册步骤完成之后点击邮箱验证后,就注册成功了。

2)、注册域名并备案

3)、下载Gridea客户端并安装

Gridea官网地址:https://gridea.dev

二、创建个人博客的GitHub项目

登录 GitHub 之后,在页面右上角点击 + 加号按钮,点击 New repository。

由于是个人网站的项目,那么项目名就要按照规定来写,规则为:

YOUR-GITHUB-USERNAME.github.io

比如我的Github用户名为ShemgXu,那么项目名则应该是:ShemgXu.github.io

点击create Repository 就可以成功创建个人主页项目了。

点击Settings进入项目设置界面

然后再 GitHub Pages 选项中点击 choose a theme 按钮,选择一个初始的个人主页样式

选择一个样式的主页模板

点击 select theme 按钮之后,就会自动生成初始化的页面主题,进入代码提交界面,填入提交日志,点击commit changes 提交代码。

提交完成之后,就可以通过刚才创建时的项目名称进行访问了

例如:https://ShemgXu.github.io

到此,利用Github创建个人主页的第一步就完成了。后面可以使用Gridea客户端编写文档和更改页面,提交到该仓库中,编写的代码会立即生效。

三、将域名映射到个人主页项目

配置域名解析,添加一个CNAME记录,比如我将www.shemg.cn解析到ShemgXu.github.io

然后在个人博客项目中创建名为CNAME的文件,在文件中写入你申请的域名,点击保存到你的github的个人主页项目中,就可以通过域名来访问你的个人主页了!(此处如果没有添加CNAME文件,个人域名将没法解析)

注:域名映射需要一定的时间,请等待5分钟左右的时间后,再访问你的个人主页!

GitHub Pages默认使用HTTPS协议访问,解析的个人域名还没有配置HTTPS证书,回到Settings页面,设置个人域名和https访问,GitHub生成证书需要等几分钟才会生效。

等几分钟后,访问https://www.shemg.cn,可以看到https已经可以访问了

四、使用Gridea客户端

打开安装完成的Gridea客户端,选择左侧的远程选项,在基础配置选择GitHub Pages,填写如下信息(使用个人域名时需要填写CNAME选项,不然上传后原本的CNAME文件会被删除)

上图的令牌栏目的值需回到Github设置。

登录GitHub,然后进入到 https://github.com/settings/tokens/new 创建一个 Token,勾选上 repo 的相关权限即可,下面是对应的截图示例:

生成之后你可以复制 Token 到你可以再次找到的某个地方,因为一旦你关了这个网页就再也不会看到它了,稍后会在软件中使用

回到Gridea填写token后点击检测远程连接,成功后就可以通过Gridea编写个人博客和提交到GitHub Pages了。

更详细的操作请查看Gridea上手教程

以上,关于使用GitHub Pages+个人域名+Gridea搭建个人主页的步骤就完成了!

PS:现在GitHub的CDN被墙,访问网速实在慢得令人发指!!!有服务器的童鞋还是放在自己的服务器吧。