#介绍说明
- ##关于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>
检查gem源,确保只有 gems.ruby-china.com
gem sources -l
> 
####用gem来安装Jekyll
gem install jekyll
> 
>
> 检查 jekyll是否安装成功
> `jekyll -v`
> - ###申请域名
####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账号创建仓库
Repository name就是你的仓库名,这个仓库名必须按下图中的格式来写,
“你的名字” +github.io。到时候访问的地址就是这个了。其它的可以不管。然后点击下面的"Create repository"创建仓库
然后会出现下面的那样内容,红框的内容下面用到
这样仓库算是建好了
- ###配置SSH Keys
####1.首先我们需要检查你电脑上现有的ssh key:
打开Git Bash$ cd ~/.ssh
如果显示“No such file or directory”,跳到第三步,否则继续。
- ###2.备份和移除原来的ssh key设置:
因为已经存在key文件,所以需要备份旧的数据并删除:
默语猫02@moyumao MINGW64 ~/.ssh$ ls (ls用来显示这文件夹下面的文件)
然后我们要进行备份:逐行输入下面的代码

$ 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了:
>
###4.添加SSH Key到GitHub:在本机设置SSH Key之后,需要添加到GitHub上,以完成SSH链接的设置。
>用文本编辑工具打开id_rsa.pub文件,如果看不到这个文件,你需要设置显示隐藏文件。准确的复制这个文件的全部内容,才能保证设置的成功。
>(id_rsa.pub文件路径)
>

>在GitHub的主页上点击设置按钮:
> 
> 
>----------
> 选择SSH Keys项,把复制的内容粘贴进去,然后点击AddKey按钮即可,title自己随意取:
#####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`
如果是下面的反应,表示成功:

> 输入yes就好,然后会看到:
> ###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
clone 下来的文件在哪个位置取决于你打开Git Bash的位置(shift + 右键)
###2. 添加内容到本地仓库刚才clone下来的仓库就是一个本地仓库啦,若是你熟悉html的话随便弄个html就好,我们知道网站默认的首页都是index.html,所以我们在本地仓库建立一个index.html,目录一定要在.git所在的目录,也就是我们项目的root目录:(这里可以替换成博客网站的文件,网站模板)

###3.commit push内容到我们刚才新建的仓库
在这个目录下打开Git Bash ,逐行输入以下命令
git add .git commit -m "初始化个人主页仓库"git push
第一行命令是添加所有文件到git,第二行是commit提交的内容到本地仓库,第三行是push本次仓库的内容到服务器
在push文件到Github的时候,就是执行第三行命令之后,会有github的登录弹窗跳出来,我们输入账号密码,登录即可
如果你的提交都完成了没有问题了,那么网站已经搭建好了,输入网址就可登上去###4.个人主页绑定个人域名
> 打开仓库的设置选项,

> 然后下拉,填入你申请的域名
>
> 最后输入你的个人域名,就可以访问到你的网站

























