一.注册Github

首先关于github是啥这种问题应该不会有人问了的,这里就不讲了,本篇文章主要就是采用github提供的一个个人页面进行制作,所以我们第一步自然是注册gitbub;

  1. Github打开网站如图所示,填好你的用户名(最好不要瞎写,你后面库名和连接都是这个名字),邮箱,密码(密码要求七位,必须有数字和字母),sigh up 提交注册。

  2. 第二步,默认free就好,点击下一步;

  3. 第三步,啥都不选,提交;

  4. 重要的一步,先去邮箱验证你的账号,不然后面没法操作了;点击 new repository,建立一个库;

  5. 库名必选用 (用户名.gtihub.io) 的形式,可以参考图片,然后创建;

  6. 出现如图所示,你的github前期工作已经准备完了;

二. 本地的环境搭建准备
  1. 本地环境需要安装这下面两个软件;

    Git

    Node.js

    下载完后,点击安装,除了选下安装地址其他全部下一步,下一步就好了;

  2. 打开命令窗口(Win+R,输入CMD,回车),输入git version/ node -v/ npm -v ,如果都出现了版本号,那就说明我们安装成功了;

  3. 此时我们需要将我们本地和远方的github连接起来,也就是设置SSH,首先我们在桌面右键点击,gitbush here,如果你前面正确安装,应该是会出现这个的;

  4. 在打开的窗口输入下面这个命令,然后出现停顿就按回车,连按三次,如图所示,就会在C盘的用户目录下生成一个.ssh的文件夹,里面生成id_rsa和id_rsa.pub这两个文件;

    1
    ssh-keygen -t rsa
  5. 我们打开id_rsa.pub,可以用记事本打开,复制里面的全部内容;

  6. 我们打开的我们的github,头像下拉选择setting;

  7. 选择左方的SSH,右边点击new一个SSH key;

  8. title随便填,key里面把刚刚文件复制的全部粘贴,然后点击ADD添加;

  9. 然后我们回到刚刚的命令行,可以用下面的命令测试是否和github联系上了,可能会出现如图所示,目前不知道有什么影响,输入yes就好了,然后后出现 HI,xxxx, success等字样,就说明连接上了;

    1
    ssh -T git@github.com
三. 本地安装HEXO博客的配置文件
  1. 我们在自己以后想储存博客相关的地方建一个文件夹,比如我在E:\blog 建立了一个blog的文件夹,然后我们在这里安装一下,在文件夹里面,右键git bash here;

  2. 我们通过下面的命令,安装一下,hexo,会要一会,出现hexo版本号就成功了;

    1
    npm install -g hexo
  3. 然后我们需要初始化一下hexo,在窗口里面继续输入下面代码;

    1
    hexo init
  4. 我们配置一下hexo和我们库的连接,打开刚刚文件夹里面出现的一个配置文件_config.yml ;然后对他进行编辑,记事本也可以,把文件拉到最后补全如下代码,xxxxxx 请替换成你自己的用户名,rep 后面是你的库的SSH地址,也可以直接去GitHub库下复制;

    1
    2
    3
    4
    deploy:
    type: git
    repository: git@github.com:xxxxxx/xxxxxx.github.io.git
    branch: master
  1. 然后我们在窗口下继续输入下面代码,把内容设置到github;

    1
    npm install hexo-deployer-git --save
  2. 窗口下面继续输入下面两行代码设置我们的信息,不然下一步会报错,第一个替换成你自己的github用户名,第二个换成你自己注册的邮箱;

    1
    2
    git config --global user.name "XXXXX"
    git config --global user.email XXX@XXXXXXX.com
  3. 接下来,输入下面两条,生成我们的html页面和发布上去,中间会卡一会,如图所示就成功了;

    1
    2
    hexo -g
    hexo -d
  4. 我们此时打开浏览器访问,我们之前设置的域名 XXXXX.github.io,应该是可以看到如下页面,这一页就讲这么多,书写博客,主题更换,我们下一篇讲;