从零开始,一步一步教你用 Github 快速搭建免费的个人主页
原创博客,转载请注明出处,谢谢!
先看一下最终呈现的效果: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.yml
和 index.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.css
和 CNAME
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 如下所示:
绝大部分网页都有自己特色的图标展示在页头,保存标签的时候也需要一个比较有标识的图标。所以,添加合适的站点图标,是一个不错的选择。
我设计的学术主页,我就用了一个博士帽的图标:
一个完美的个人主页搭建完毕!!