前言

这可能是你在网上能找到的最详细的搭建个人博客的教程，针对纯纯纯小白。 废话不多说，开始。

准备工作

• 一台联网的电脑
• 一丢丢钱

基本流程

建立个人博客，整体分两个流程：1.建立个人网站，2.发布博客 下面简单介绍一下这两个流程都需要做哪些事：

• 建站：
  • 首先注册自己的域名。通俗点讲就是你要有自己的网址，便于别人来访问
  • 搞定服务器，服务器就是一个仓库，它的作用就是用来存放你的博客内容
  • 绑定域名，就是将你的域名和你的服务器绑定到一起
• 发博：
  • 设置博客模板，简单点说就是你希望自己的博客长什么样
  • 写文章
  • 上传你的文章到服务器

以上就是整个过程，下面我们按照流程一步步来讲解

详细流程

购买域名

是的，域名是需要购买滴，这也是整个过程唯一需要花钱的地方。 推荐到GoDaddy（狗爹）上购买，可以通过支付宝交易

1.打开网站

Snipaste_2017-12-30_13-36-32.png-95.2kB

如果网站不是中文的，可以点击箭头1处，国家选择新加坡 点击箭头2处，注册自己的账号，过程很简单，就不细说了

2.搜索域名

在搜索框填写你想要的域名，点击搜索域名

Snipaste_2017-12-30_13-41-21.png-15.2kB

3.选择域名

Snipaste_2017-12-30_13-42-41.png-93.8kB

后缀为.com的域名很可能已经被占用了，这里我推荐可以选择.me或者.cc等后缀，或者你干脆选择最便宜的 选择完之后，点击添加到购物车

4.进入购物车

Snipaste_2017-12-30_13-47-20.png-13.9kB

5.收费服务选项

Snipaste_2017-12-30_13-48-43.png-80.6kB

统统选择“不，谢谢”然后点击黄色的添加这些选项到购物车

6.确认购买

Snipaste_2017-12-30_13-52-08.png-36.1kB

在这里选择你希望购买几年，按照个人喜好自由选择 然后点击前去付款

7.填写付款信息并付款

Snipaste_2017-12-30_13-56-19.png-55.7kB

如果付款信息中没有出现支付宝选项（如图所示），可以查看这里解决，如果这些方法都无效，你可以尝试更换网络或者电脑，甚至可以用手机购买 填写完支付信息，点击下订单然后付款就可以了

8.查看域名

Snipaste_2017-12-30_14-05-41.png-35.2kB

依次点击箭头1，箭头2查看已经购买到的域名

Snipaste_2017-12-30_14-07-43.png-20.5kB

9.注意事项

• 填写个人信息时一定要输入正确的邮箱名字
• 购买域名之后记得去自己的邮箱查看激活邮件，激活域名

创建服务器

这里我们用GitHub作为自己的免费服务器。

什么是Github？这个真·一言难尽，你只需要知道它可以存放咱们的博客就可以了，使用方法后面会一步步讲到的。 为什么用Github？因为它免费，当然你也可以自己购买服务器，只是刚开始，没必要花钱。

1.注册GitHub

打开Github，会弹出一个注册框

Snipaste_2017-12-30_14-26-20.png-26.4kB

按照要求填写即可，点击Sign up for Github完成注册

2.创建仓库

Snipaste_2017-12-30_14-28-32.png-100.4kB

注册完登录之后，点击New repository来新建一个项目，我们用这个项目作为仓库

3.填写信息

Snipaste_2017-12-30_14-30-57.png-45.1kB

箭头1处填写项目名称，如果你的用户名是XXX，那么项目的名称就是XXX.github.io,比如，我的用户名是zhouxiaodi0223那么项目名就是zhouxiaodi0223.github.io

箭头2处如果选中了，项目创建后会自动生成一个README文档，你可以在里面编写一些关于项目的介绍

填写完成后，点击Create repository 完成创建

配置服务器

服务器建好了，那么如何让我们本地的博客和远程的Github建立联系呢？使用Git

1.安装Git

下载地址

下载之后安装

2.打开Git

安装完成后，在桌面上单击右键

Snipaste_2017-12-30_14-46-48.png-20.4kB

点击Git Bash Here，弹出如图所示的命令行窗口

Snipaste_2017-12-30_14-49-05.png-7.9kB

3.配置Git

设置user.name和user.email配置信息：

git config --global user.name "你的GitHub用户名"git config --global user.email "你的GitHub注册邮箱"

这两条配置很重要，每次 Git提交时都会引用这两条信息，说明是谁提交了更新，所以会随更新内容一起被永久纳入历史记录

4.配置Github密钥

之所以设置GitHub密钥原因是，通过非对称加密的公钥与私钥来完成加密，公钥放置在GitHub上，私钥放置在自己的电脑里。GitHub要求每次推送代码都是合法用户，所以每次推送都需要输入账号密码验证推送用户是否是合法用户，为了省去每次输入密码的步骤，采用了ssh，当你推送的时候，git就会匹配你的私钥跟GitHub上面的公钥是否是配对的，若是匹配就认为你是合法用户，则允许推送。这样可以保证每次的推送都是正确合法的。

生成密钥：

ssh-keygen -t rsa -C "你的GitHub注册邮箱"

点击回车，之后系统会要求你输入密码：

Enter passphrase (empty for no passphrase):<输入密码>Enter same passphrase again:<再次输入密码>

这个密码会在你提交项目时使用，如果为空的话提交项目时则不用输入。这个设置是防止别人往你的项目里提交内容

输入密码的时候不会显示任何东西，你直接输入就可以了。

配置完成会显示：

Snipaste_2017-12-30_15-07-49.png-12.9kB

5.复制SSH Key

打开生成的密钥文件，名字为id_rsa.pub，默认保存在:

C:\Users\Administrator\.ssh

如果看不到这个文件，你需要设置显示隐藏文件

打开以后，复制里面的全部内容

6.添加 SSH Key 到 GitHub

Snipaste_2017-12-30_15-15-02.png-88.9kBSnipaste_2017-12-30_15-16-33.png-41.4kBSnipaste_2017-12-30_15-17-18.png-34.8kB

按照图示操作即可，最后点击Add SSH Key

7.测试

可以输入下面的命令，看看设置是否成功，git@GitHub.com 的部分不要修改：

$ ssh -T git@GitHub.com

如果是下面的反馈：

The authenticity of host 'GitHub.com (207.97.227.239)' can't be established. RSA key fingerprint is 16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48. Are you sure you want to continue connecting (yes/no)?

不要紧张，输入 yes 就好，然后会看到：

Hi cnfeat! You've successfully authenticated, but GitHub does not provide shell access.

服务器部分搞定！

域名和服务器绑定

服务器和域名都搞定了，如何将他们捆绑到一起呢？使用DNSpod

1.DNS 设置

首先你要自己注册一个账号，这里不细说了，登录以后会自动到控制台页面

Snipaste_2017-12-30_15-22-50.png-19.3kB

点击域名解析

Snipaste_2017-12-30_15-23-11.png-18.2kB

点击添加域名，将你购买的域名添加进去，然后点击刚添加的域名进行配置

Snipaste_2017-12-30_15-27-44.png-38.2kB

此时，你的页面中可能只有红框内的内容，没关系，点击添加记录 按照图示内容，添加三条记录，注意，最后一条记录的记录值是你上文创建的项目名称，也就是XXX.github.io

2.去 GoDaddy 修改 DNS 地址

还记得怎么查看购买的域名吗？在我的产品中

Snipaste_2017-12-30_15-35-07.png-20.7kB

进去之后点击管理

Snipaste_2017-12-30_15-33-54.png-20.1kB

然后页面下拉到最后，找到管理DNS，点击进入

Snipaste_2017-12-30_15-34-15.png-16.2kB

点击更改，

将 GoDaddy 的 Nameservers 更改成 f1g1ns1.dnspod.net 和 f1g1ns2.dnspod.net

OK，已经完成了99% !!!不要急，不要急，下面是建站的最后一步

域名与 GitHub Pages 绑定

进入你的Github项目，

Snipaste_2017-12-30_15-39-59.png-34.3kB

点击Settings

Snipaste_2017-12-30_15-40-31.png-51.7kB

箭头1处，可以选择一个模板，用来展示你的博客页面，这里选不选都随意，因为后面会讲到自己设置模板

箭头2处，填写你购买的域名，然后点击Save

搭建完成

作者：Zhouxiaodi链接：https://www.jianshu.com/p/cd2f0ba88856来源：简书简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。