#介绍说明

  • ##关于GitHub
    1、github pages有300M免费空间;

2、学着用github,享受github的便利,上面有很多大牛,眼界会开阔很多;

3、可以绑定自己的域名;

4、无需自己搭建服务器;

5、github是趋势;

  • ##以及关于Jekyll

1、不需要使用额外的数据库

2、支持markdown,liquid,以及原始的html、css

3、可以定义模板,并在模板上进行代码复用

4、github对其支持,可以直接在github上搭建,可以继承github上的各种好处(版本控制,免费,无流量限制)

5、有很多扩展插件(但是在github上用不了,github不允许用户使用扩展插件,大概是出于安全性考虑)

#准备工作

  • ###注册一个github的账号,github注册
  • ###安装Git
    使用Git,需要下载Git的客户端。本人使用windows环境下的Git,Git for windows下载地址 安装过程略过…,之后,打开Git Bush!

  • ###安装Jekyll
    ####首先安装ruby和gem(本教程没用到该工具,只是用jekyll模板代替)
    从RubyInstaller下载ruby,下载带DEVKIT的安装包,这样可以一步就安装好ruby环境 和 gem

可以通过ruby -v, gem -v 来进行验证。验证使用的环境可以是cmd,也可以是刚装的Git Bash

`ruby -v`

<br>

`gem -v`
gem是可以选择源的,默认的源有点慢,可以使用[Ruby China](https://gems.ruby-china.com/)的源,方便快捷
    gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/(在Git Bash操作)
<br>

GitHub 仓库的存储空间_github

检查gem源,确保只有 gems.ruby-china.com
    gem sources -l
> ![](https://i.imgur.com/Utk13xT.jpg)

####用gem来安装Jekyll
   gem install jekyll

> ![](https://i.imgur.com/NsbxhzH.jpg)
> 
>  检查 jekyll是否安装成功
>  `jekyll -v`
>  ![](https://i.imgur.com/tK5a8X6.jpg)
  • ###申请域名
    ####1.购买域名
    购买域名,用的比较多的是万网和godaddy
    我是在万网上购买的。鉴于对这块不是很熟悉,且篇幅较大,这里就不做过多的赘述。需要的小伙伴可以在网上寻找资料
    ####2.域名的配置
    国内流行的当属DNSPos,易用,免费,而且不会被墙(当然万网自带的解析服务器同样不错),DNSPos收费版有更加强大的功能,不过作为个人博客用不到了。
    DNSPos的官方介绍https://support.dnspod.cn, 可以自行去了解
    学会使用DNSPod,仅需三步。点击链接直达
  • 注册登录后点击【添加域名】
  • 添加需要解析的主域名(博客的域名)
  • 点击刚刚添加的域名进入管理页面,点击【添加记录】
  • 重点来了)这里需要添加一条A记录,记录值为192.30.252.153,另一条A记录作为备用,记录值为192.30.252.154
  • 以及一条CNAME记录,主机www,记录值为GitHub博客的地址(添加CNAME这一步可以放在后面来做
域名配置完成(部分内容参考于[边搭边记,基于GitHub使用Jekyll搭建个人博客]())

#配置工作

  • ###在刚才注册的github账号创建仓库

GitHub 仓库的存储空间_博客_02




Repository name就是你的仓库名,这个仓库名必须按下图中的格式来写,

“你的名字” +

github.io

。到时候访问的地址就是这个了。其它的可以不管。然后点击下面的"Create repository"创建仓库


GitHub 仓库的存储空间_jekyll_03


然后会出现下面的那样内容,红框的内容下面用到


GitHub 仓库的存储空间_GitHub 仓库的存储空间_04


这样仓库算是建好了

  • ###配置SSH Keys
    ####1.首先我们需要检查你电脑上现有的ssh key:
打开Git Bash$ cd ~/.ssh

GitHub 仓库的存储空间_GitHub 仓库的存储空间_05

如果显示“No such file or directory”,跳到第三步,否则继续。

  • ###2.备份和移除原来的ssh key设置:
    因为已经存在key文件,所以需要备份旧的数据并删除:
默语猫02@moyumao MINGW64 ~/.ssh$ ls (ls用来显示这文件夹下面的文件)

GitHub 仓库的存储空间_github_06


然后我们要进行备份:逐行输入下面的代码


GitHub 仓库的存储空间_github_07


$ rm id_rsa*

###3.生成新的SSH Key:

输入下面的代码,就可以生成新的key文件,我们只需要默认设置就好,所以当需要输入文件名的时候,回车就好。
> 默语猫02@moyumao MINGW64 ~/.ssh
>$ ssh-keygen -t rsa -C “你注册github的邮箱地址”
> Generating public/private rsa key pair.
> Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):<回车就好>

> 然后系统会要你输入加密串(Passphrase):(您随意,可输可不输)
> 
> Enter passphrase (empty for no passphrase):<输入加密串>
>Enter same passphrase again:<再次输入加密串>
>
>最后看到这样的界面,就成功设置ssh key了:
>![](https://i.imgur.com/G6bHnQn.png)

###4.添加SSH Key到GitHub:

在本机设置SSH Key之后,需要添加到GitHub上,以完成SSH链接的设置。

>用文本编辑工具打开id_rsa.pub文件,如果看不到这个文件,你需要设置显示隐藏文件。准确的复制这个文件的全部内容,才能保证设置的成功。

>(id_rsa.pub文件路径)

>

GitHub 仓库的存储空间_网站_08

>在GitHub的主页上点击设置按钮:
> ![](https://i.imgur.com/3kg9Aex.jpg)

> ![](https://i.imgur.com/pVUJstE.jpg)

>----------
> ![](https://i.imgur.com/KlyB8ki.jpg)
选择SSH Keys项,把复制的内容粘贴进去,然后点击AddKey按钮即可,title自己随意取:

GitHub 仓库的存储空间_博客_09

#####PS:如果需要配置多个GitHub账号,可以参看这个多个github帐号的SSH key切换,不过需要提醒一下的是,如果你只是通过这篇文章中所述配置了Host,那么你多个账号下面的提交用户会是一个人,所以需要通过命令git config--global --unset user.email删除用户账户设置,在每一个repo下面使用git config --local user.email '你的github邮箱@mail.com' 命令单独设置用户账户信息

###5.测试一下
>可以输入下面的命令,看看设置是否成功,git@github.com的部分不要修改:
 `$ ssh -T git@github.com`
 如果是下面的反应,表示成功:
 ![](https://i.imgur.com/yowIs0M.jpg)
 > 输入yes就好,然后会看到:
 > ![](https://i.imgur.com/XIWPdGB.jpg)

###6.设置你的账号信息
在你已经可以通过SSH链接到GitHub了,还有一些个人信息需要完善的。
Git会根据用户的名字和邮箱来记录提交。GitHub也是用这些信息来做权限的处理,输入下面的代码进行个人信息的设置,把名称和邮箱替换成你自己的,名字必须是你的真名,而不是GitHub的昵称。
>在Git中逐行输入(下面的名字和邮箱按自己信息自行改动):
>$ git config --global user.name “你的名字”
>$ git config --global user.email "your_email@youremail.com"

###7.配置成功,成功连接上GitHub

#搭建个人博客、网站
在"配置工作"这一步已经配置好了Github上的远程仓库,现在要把网站内容(比如网页,图片等)上传到Github的仓库,我们使用Git来操作这一步

###1. 添加个人主页仓库内容

#####首先clone仓库到本地
注意你clone的时候要把连接换成你的,参考下图
git clone https://github.com/yanzhenjie/NoHttp.git

GitHub 仓库的存储空间_jekyll_10


clone 下来的文件在哪个位置取决于你打开Git Bash的位置(shift + 右键)


GitHub 仓库的存储空间_网站_11

###2. 添加内容到本地仓库

刚才clone下来的仓库就是一个本地仓库啦,若是你熟悉html的话随便弄个html就好,我们知道网站默认的首页都是index.html,所以我们在本地仓库建立一个index.html,目录一定要在.git所在的目录,也就是我们项目的root目录:(这里可以替换成博客网站的文件,网站模板

GitHub 仓库的存储空间_GitHub 仓库的存储空间_12

###3.commit push内容到我们刚才新建的仓库

GitHub 仓库的存储空间_github_13


在这个目录下打开Git Bash ,逐行输入以下命令

git add .git commit -m "初始化个人主页仓库"git push

第一行命令是添加所有文件到git,第二行是commit提交的内容到本地仓库,第三行是push本次仓库的内容到服务器

在push文件到Github的时候,就是执行第三行命令之后,会有github的登录弹窗跳出来,我们输入账号密码,登录即可

如果你的提交都完成了没有问题了,那么网站已经搭建好了,输入网址就可登上去

我的网站

###4.个人主页绑定个人域名
 > 打开仓库的设置选项,
 ![](https://i.imgur.com/NdVFdGL.jpg)
 > 然后下拉,填入你申请的域名

>![](https://i.imgur.com/vaqGxH7.jpg)

 > 最后输入你的个人域名,就可以访问到你的网站