使用 GitHub Pages 搭建个人网站

少于 1 分钟读完

[toc]

注册 GitHub

新建 username.github.io 项目

使用 Jekyll 生成静态网站

绑定域名

1. CNAME文件

在项目根目录下新建 CNAME 文件,在文件中添加域名信息。如个人域名为:www.kandigx.com,那么应该添加 kandigx.com。不要添加 www前缀。

2. Github 项目设置

在 Github 仓库的 setting 设置中,在 GitHub Pages 部分,Custom domain中填入希望能代替原kandigx.github.io的域名。比如www.kandigx.com

github_pages_settings

3. 设置域名解析

阿里云域名解析设置 添加记录,如果提示已存在,则删除原 wwww 或者 @ 的主机记录项。 记录类型:CNAME,主机记录: @ ,记录值: kandigx.github.io 记录类型:CNAME,主机记录:www ,记录值: kandigx.github.io 添加这两条记录即可。@类型直接解析主域名,即我的 kandigx.com,www类型解析带 www前缀的域名,即 www.kandigx.com

4. 如何添加图片

修改 _config.yml 文件中的 url 信息,将其修改为当前网站使用的 github pages 域名,如:https://kandigx.github.io

修改完成后,在需要引用图片的地方,使用 https://kandigx.github.io 来指定图片所在的 github pages 域名即可。

添加图片的 MarkDown 语法为: ![Alt text](图片链接) ,如:![github_pages_settings](https://kandigx.github.io/images/github_pages_settings.png)