使用GitHub Pages搭建个人博客

时间:2022-06-24 20:44:53

前言

创建一个属于自己的个人博客理由千千万,但作为一枚热爱文史的纯工科技术狗的我想法很简单,主要有如下理由:

  1. 某些书籍的读后感
  2. 某些技术笔记的收藏和整理
  3. 和网友学习交流的渠道之一
  4. 工作生活的感悟
  5. 让自己的学习有迹可循
  6. 也算是推介自己

其实归根结底是出于一种情结,那就是不经审视思考总结记录的知识不会真正被自己所吸收,从而升华智慧来直到生活学习和工作。当然你的理由也可以丰富精辟到像《为什么你要写博客》里所写的那样,事实上我也很欣赏很赞同作者的观点。也建议大家看看,也许从此变成了同道中人。

搭建个人博客的平台或开源软件不少,比如知名的Wordpress,但GitHub Pages这几个特点完全征服了我:1. 300M 免费空间,资料管理完全自己做主;2. GitHub平台上托管了各式各样的项目,也有不少大牛出没,能提升自己的眼界;3. GitHub本身就是基于Git版本控制的,适合团队协作,这是趋势。当然最关键我是程序员猿啊!

GitHub Pages是什么?

GitHub Pages 本是用于介绍托管在 GitHub 上的项目的, 但由于他的空间免费稳定,很适合用来搭建一个个人博客,但需要注意的是,github上的项目只是保存在了那里而已,是不能直接运行的。所以GitHub Pages搭建的个人博客只能使用静态网页,一般是指常见的html页面,如果你要有更复杂的界面交互,个性化数据显示,那就不能用它了。

个人博客搭建的步骤

1. 拥有一个域名

域名购买就不细讲了,现在BAT都提供域名购买服务。建议初次购买,域名使用期限在5年以内比较实用,在5年之后,如果觉得还有继续实用的需要,可以再续费就行。

2. 拥有一个GitHub账号

同样,这个也不细讲,只用自己在github官网注册即可获得。

3. 安装Git客户端,绑定自己的GitHub账户

这一步仍然不细讲,在我的其他文章里也有详细介绍过。

4. 独立域名DNS解析设置

这个过程其实就是设置域名解析的过程,它是将域名指向GitHub Pages空间。当你买了域名,自然也会有域名管理设置主页,只用在里面做好DNS解析配置就行。一般操作界面如下图所示:
使用GitHub Pages搭建个人博客
其中 A 的两条记录指向的ip地址是由 GitHub Pages 官方提供的 ip
•192.30.252.153
•192.30.252.154
如果博客不能登录,有可能是 GitHub 更改了空间服务的 ip 地址,只要到在GitHub Pages查看最新的 ip 并更改即可。

5. 在GitHub上创建项目仓库

自然,这里创建的项目仓库其实就是你的个人博客。需要注意的是,由于这个项目的特别,它的项目名称必须是“用户名.github.io”的格式,比如我的就是“chuyishan.github.io”。不出意外,此时你已经可以通过“用户名.github.io”直接访问你的主页,当然显示的界面可能是空白的。这是因为你的博客本就什么都没有,此时可以在项目仓库建一个”index.html“文件,随便写些内容,然后再访问刚才的地址,你就会发现打开的页面是有内容的。

6. 将独立域名和GitHub Pages绑定

在上一步我们看到主页面已经打开了,想要显示的内容也已经可以显示了,但似乎域名没起到什么作用。是的,其实即使不要域名,这个博客也是能搭建起来的,但“用户名.github.io”这个网址链接太不好看了,所以才需要购买单独的域名。这一步就是要将购买的独立域名和Github Pages绑定起来,这样,当访问购买的域名时,一样可以访问你的博客。这时要做的是在GitHub创建CNAME文件,注意它的文件名没有后缀,里面内容只用写上的购买的域名就可以。这时,你在访问你购买的域名会将你导向你在Github上搭建的个人博客。

最后,为了将自己的个人博客建得更加漂亮专业,可以使用Hexo模板。具体的使用可以参照文章《可能是最详细的 Hexo + GitHub Pages 搭建博客的教程》