个人博客搭建及域名申请绑定

张天宇 on 2019-01-07

​ 本篇文章介绍如何使用GitHub搭建自己的博客以及使用个人域名。

​ 一直有写随笔的习惯,最近有些放在了GitHub Pages,使用ztygalaxy.github.io来访问。挺方便,还能使用自己喜欢的主题,比某些CSDN广告里面插博客好多了。今天和师兄薅了个二级域名的羊毛,tyzhang.tk,可以用短域名访问啦。这里记录一下。

一、个人博客的搭建

简单介绍一下博客的搭建。

0.准备

​ GitHub账号一枚、一颗打算写博客的心,也可以用来放个人简历

1.创建工程

​ 在GitHub中新建名称为“你的账户名.github.io”的工程,比如我的名字是ztygalaxy,那么要创建的就是ztygalaxy.github.io,点击 Create repository。建议README勾上。

2.初探

​ Settings->Choose Theme,挑选一个自己喜欢的主题,不过这都不重要,后面我们会更换。

​ 不出意外的话,输入网址,应该就可以看见GitHub为你生成的网页啦,内容是README里的内容。

​ 但是作为一个博客,这么简单肯定是不够的,我们需要让他能够随着我们博客的数量更新,也会自动更新,比如像我的。

3.主题

​ 大概主流有这么两种,Hexo和Jekyll。这里不管你使用什么,都推荐大家使用大神做好的模板进行客制化,简单易上手。例如我使用了GitHub上找到的一个Jekyll模板,fork下来,修改config文件,改成自己相关的,基本就可以了。

​ 主题可以从专门的主题下载网站,例如jekyll.themes.org,也可以在GitHub上直接搜索响应的关键词,例如Jekyll。

4.博客的撰写与上传

​ 通常我们使用Markdown文本格式作为博客的载体,它是一种富文本,支持部分HTML语法。使用Markdown撰写可以轻松理清自己的思路和目录结构。推荐使用Typora,一个美观的所见即所得的Markdown编辑器。

1546863744486

​ 一般在你所使用的博客模板中,会有一个Post文件夹,里面需要按照格式来放置博客文章,不同的主题有不同的要求,大同小异。

​ 等你写完了第一篇文章,push到GitHub上去,访问一下自己的博客,就会看到自己的博客啦。

二、个人域名的申请

介绍个人域名的申请

​ 虽然GitHub已经给了我们一个GitHub.io的域名,但是拥有我们自己的域名,更简短,访问也更快捷。这里以freenom为羊,薅一把羊毛。

​ 网址:http://www.freenom.com/zh/index.html

1546864192835

​ 输入自己喜欢的名字,查询,选择合适的后缀后加入到购物车,别担心,一年内它都是免费的。

1546864305979

​ 输入邮箱接到确认邮件后完善个人信息即可,确认完毕后,这个域名就暂时属于你了。

三、域名解析

​ 有了域名,我们还要让它指向我们的博客地址。这里选用DNSPOD作为我们的DNS解析服务器。

1.注册DNSPOD添加域名

​ 注册DNSPOD,并添加自己的域名如下,马赛克处填写自己的博客地址或者ping一下地址获取的ip也可以。

1546864548068

2.在freenom添加自己的DNS地址

1.打开已有域名

1546864736820

2.添加DNS服务器

1546864791794

1546864821832

填写DNSPOD给的服务器地址,保存设置。

1546864844123

3.GitHub绑定域名

在当前工程的设置GitHub Pages->Custom domain中填入你申请的域名。

4.大功告成

​ 耐心等待几分钟,DNS刷新完成后就可以使用新域名访问你的博客了!

有了博客,要记得时常写写,记得更新~

在此感谢羊毛小能手@Felon03的指导~