原创博客,转载请注明出处,谢谢!

先看一下最终呈现的效果:http://zhouxiuze.com/

本文主要讲解如何在 Github 上搭建自己的个人主页,关于主页的页面设计下次有空在开新博。

1. Github 帐号

首先,还没有 Github 帐号的去 https://github.com/ 上注册一个账号。

2. 建仓

1) 新建一个放置主页的项目:

2) 新项目命名为:用户名 + .github.io

注意事项:

a. Github 的用户名(我的帐号用户名为:xiuzezhou),要和自己的项目的名称一致

b. 后缀为 .github.io

3) 其他不用设置,直接点击 “Create repository” 完成创建。

3 设置

1) 进入设置界面

2) 选择主题

找到 "GitHub Pages",点击 "Choose a theme",随便选一个主题就可以,后期可以自己自行设计。


确定主题后,GitHub 将自动完成主题的创建,生成两个文件:_config.ymlindex.md。其中 index.md是我们主页内容的 markdown 文本,_config.yml 是对 index.md 进行渲染的配置文件。(如果不喜欢呈现的效果,可以删除,然后上传自己喜欢的模板。)

3) 查看网页

等待 3-5 分钟,输入你的网址。


最简单的主页初步呈现!

4 主页更改

默认的主页不够个性化,自己可以设计好看的主页,然后上传到这个项目中。网上有很多个人主页的模板,可以自行选择一个喜欢的。将要呈现的主页命名为 index.html 然后上传至项目。

我是一个极简主义者,不喜欢太花哨的,这是我的主页最终呈现的效果:http://zhouxiuze.com/

如果你喜欢这个模板,可以去我的 Github: https://github.com/XiuzeZhou/xiuzezhou.github.io 下载,然后自行修改 index.html 文件。

我的主页主要包括三个文件:index.html, jemdoc.cssCNAME

index.html: 网页,必不可少!

jemdoc.css: 可以没有,非必要。

CNAME: 新域名设置,如果没有新域名,该文件删除。

个人主页基本搭建完毕!

5 新域名绑定(CNAME 文件设置)

如果你嫌弃 .github.io 后缀不够好看,或者之前取的用户名太随意,想用一个好看的域名(比如我主页域名是: zhouxiuze.com), 那就需要申请域名。如果你觉得不需要,这一步就忽略。

1) 域名申请

网上申请域名的平台不少,比较大的两个是阿里云(https://wanwang.aliyun.com/)和腾讯云(https://buy.cloud.tencent.com/domain),自行选择一个

2) 解析域名



3) 查询主页 IP 地址

打开命令窗口,输入:ping xxx.github.io (xxx 替换为你的用户名)

然后就可以看到你主页的 IP 地址,将其填入上一张图的 IP 地址。

4) CNAME 文件

a. 在与 index.html 同一级的目录下添加一个名为 CNAME 的文件。在该文加中写入你的新域名,保存即可。

b. 添加解析

保存!等几分钟完成解析。

c. 输入新域名查看效果

6 添加站点图标(可选)

没添加图标之前,是默认的图标,Chrome 如下所示:

绝大部分网页都有自己特色的图标展示在页头,保存标签的时候也需要一个比较有标识的图标。所以,添加合适的站点图标,是一个不错的选择。

我设计的学术主页,我就用了一个博士帽的图标:

一个完美的个人主页搭建完毕!!