一.注册Github
首先关于github是啥这种问题应该不会有人问了的,这里就不讲了,本篇文章主要就是采用github提供的一个个人页面进行制作,所以我们第一步自然是注册gitbub;
Github打开网站如图所示,填好你的用户名(最好不要瞎写,你后面库名和连接都是这个名字),邮箱,密码(密码要求七位,必须有数字和字母),sigh up 提交注册。
第二步,默认free就好,点击下一步;
第三步,啥都不选,提交;
重要的一步,先去邮箱验证你的账号,不然后面没法操作了;点击 new repository,建立一个库;
库名必选用 (用户名.gtihub.io) 的形式,可以参考图片,然后创建;
出现如图所示,你的github前期工作已经准备完了;
二. 本地的环境搭建准备
本地环境需要安装这下面两个软件;
下载完后,点击安装,除了选下安装地址其他全部下一步,下一步就好了;
打开命令窗口(Win+R,输入CMD,回车),输入git version/ node -v/ npm -v ,如果都出现了版本号,那就说明我们安装成功了;
此时我们需要将我们本地和远方的github连接起来,也就是设置SSH,首先我们在桌面右键点击,gitbush here,如果你前面正确安装,应该是会出现这个的;
在打开的窗口输入下面这个命令,然后出现停顿就按回车,连按三次,如图所示,就会在C盘的用户目录下生成一个.ssh的文件夹,里面生成id_rsa和id_rsa.pub这两个文件;
1
ssh-keygen -t rsa
我们打开id_rsa.pub,可以用记事本打开,复制里面的全部内容;
我们打开的我们的github,头像下拉选择setting;
选择左方的SSH,右边点击new一个SSH key;
title随便填,key里面把刚刚文件复制的全部粘贴,然后点击ADD添加;
然后我们回到刚刚的命令行,可以用下面的命令测试是否和github联系上了,可能会出现如图所示,目前不知道有什么影响,输入yes就好了,然后后出现 HI,xxxx, success等字样,就说明连接上了;
1
ssh -T git@github.com
三. 本地安装HEXO博客的配置文件
我们在自己以后想储存博客相关的地方建一个文件夹,比如我在E:\blog 建立了一个blog的文件夹,然后我们在这里安装一下,在文件夹里面,右键git bash here;
我们通过下面的命令,安装一下,hexo,会要一会,出现hexo版本号就成功了;
1
npm install -g hexo
然后我们需要初始化一下hexo,在窗口里面继续输入下面代码;
1
hexo init
我们配置一下hexo和我们库的连接,打开刚刚文件夹里面出现的一个配置文件_config.yml ;然后对他进行编辑,记事本也可以,把文件拉到最后补全如下代码,xxxxxx 请替换成你自己的用户名,rep 后面是你的库的SSH地址,也可以直接去GitHub库下复制;
1
2
3
4deploy:
type: git
repository: git@github.com:xxxxxx/xxxxxx.github.io.git
branch: master
然后我们在窗口下继续输入下面代码,把内容设置到github;
1
npm install hexo-deployer-git --save
窗口下面继续输入下面两行代码设置我们的信息,不然下一步会报错,第一个替换成你自己的github用户名,第二个换成你自己注册的邮箱;
1
2git config --global user.name "XXXXX"
git config --global user.email XXX@XXXXXXX.com
接下来,输入下面两条,生成我们的html页面和发布上去,中间会卡一会,如图所示就成功了;
1
2hexo -g
hexo -d
我们此时打开浏览器访问,我们之前设置的域名 XXXXX.github.io,应该是可以看到如下页面,这一页就讲这么多,书写博客,主题更换,我们下一篇讲;
/23.png)
