使用GitHub构建个人博客网站


想起来之前搭建个人博客网站的总结还没有写,趁着这几天有时间回头来分享一下。本人的个人博客网站采用的是GitHub+jekyll,GitHub托管代码,jekyll发行生成静态网页。

1、购买域名
域名是在一个新加坡的域名服务器商DoDaddy(https://sso.godaddy.com)上买的,也可以去阿里云上购买。

2、搭建自己的GitHub博客

在网上看到有多种免费的blog生成工具,比如hexo,jekyll,WordPress等等,后面经过比较,我根据自己的需要选择了jekyll。

我们来看下百度百科的描述:jekyll只是一个生成静态网页的工具,不需要数据库支持,但是可以配个第三方的服务使用。最关键的是jekyll可以免费部署在GitHub上,而且可以绑定自己的域名。

我的GitHub

tips1:GitHub创建文件夹:网页上只能通过在创建新文件的时候顺便创建文件夹(文件夹与文件用 / 隔开),例如home/test.md就在该仓库下创建了一个文件夹home,该文件夹下有一个新的文件test.md

tips2:在GitHub静态页面中添加图片:在项目里创建一个 asset 目录,然后把图片都放在里面,写 README 的时候直接可以写 ![image](./asset/xxx.png)

3、将域名绑定到自己的GitHub pages博客上
3.1、添加CNAME文件
在仓库根目录下添加一个CNAM文件,没有后缀名,里面内容为你的域名(如:test.com),不需要添加http/www等前缀。

ping username.github.io记录下IP地址
这里写图片描述
3.2、添加 DNS Service记录
去DNSPod注册个账号,添加域名,设置两个A记录。分别是@和www,ip地址填上个步骤获取的IP地址。

这里写图片描述
3.3、设置域名的DNS
在相应域名的Csutom DNS里,设置DNS service,添加两条记录f1g1ns1.dnspod.net和f1g1ns2.dnspod.net

这里写图片描述

这里写图片描述

这里写图片描述

3.4、漫长的等待
要全球解析生效,得等上一会了。

这里写图片描述

最后,可以正常访问的配置:
这里写图片描述
展示结果(May’s blog):
这里写图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值