如何利用github打造个人博客专属域名(文字版本)

时间:2023-03-09 04:58:42
如何利用github打造个人博客专属域名(文字版本)

1. 前言

此篇文章仅限于记录,不适合作为教程使用。

2. 步骤

2.1 先决条件

有github账号,有个人域名(可在万网购买),电脑本地安装有git环境

2.2 在github新建仓库。例如我的github账号是unionline,新建仓库名称就是 unionline.github.io ,选择默认的public方式。

2.3 git clone https://github.com/unionline/unionline.github.io.git 到本地,例如:D:/github/

2.4 然后在D:/github/下,新建index.html文件,内容如下:

<!DOCTYPE html>
<html>
<body>
<h1>这是我使用github pages搭建的个人站点。</h1>
</body>
</html>

2.5 提交index.html文件到远程repo。

git add index.html
git commit -m "upload index.html"
git push

2.6 打开 unionline.github.io,就可以看到index.html的网页了。

2.7 在万网(其它域名商类似),添加域名的解析

0. 例如域名是:www.unionline.top,为其添加解析
1. ping www.unionline.github.io 或者 ping unionline.github.io 记下IP地址:151.101.197.147(这个是github.io 的ip)
2. 添加解析,主机记录为www,记录值是151.101.197.147
3. 添加解析,主机记录为@,记录值是151.101.197.147  

2.8 在D:/github/下,新建CNAME文件,内容如下:

www.unionline.top

2.9 提交CNAME文件到github上。

2.10 此时打开 unionline.top 或者 www.unionline.top 就可以访问到github上的个人博客主页了。

3. 小结

3.1 如果只是想把域名作为csdn或者cnblogs等个人博客的映射,则可以把index.html内容改为如下:

<!DOCTYPE html>
<html>
<script>
window.location.href="http://blog.csdn.net/unionline";
</script>
<body>
</body>
</html> 

3.2 github的个人博客常用的有两种静态博客,一种是Hexo,另一种是Jekyll。