使用 GitHub Pages 搭建个人网站
[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
。
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)