文章目录
  1. 1. 写在开头
  2. 2. 赤脚闯天下
  3. 3. 略有所得
  4. 4. 神功大成
  • 结束语
  • 版权声明:本文为GotoLu原创文章,可以随意转载,但必须在明确位置注明文章出处https://gotolu.github.io!!!

    心境

    写在开头

    第一次开通博客,看过stormzhang大哥的文章,激起了我想自己写个博客的念头,遂查阅相关资料,总结于此,当学习笔记,也当一个纪念。感乎其不易,写下这篇如何在github平台下使用hexo搭建博客。

    赤脚闯天下

    1. 所需外设
      PC主机一台,不用其他的了,现在让我们一起赤脚闯天下吧。
    2. 安装Node.js
      随意在官网https://nodejs.org/en/下查找最新版本安装即可,为博客提供静态页面。

    3. 安装git
      安装Windows环境下的Git,下载地址https://github.com/msysgit/msysgit/releases
      参考百度经验http://jingyan.baidu.com/article/90895e0fb3495f64ed6b0b50.html

    4. 拥有一个Github账号
      申请Github账号,并创建库,为搭建博客的存储所用。库名设置为”github账号.github.com”

    5. 安装hexo
      在git中使用命令行npm install -g hexo,
      正常的npm下载太慢(等了半天一直再转个不停),期间翻阅各种网站小道信息,发现使用淘宝的镜像下载的速度更快。具体npm config如下配置:
      npm config set registry "https://registry.npm.taobao.org"
      换镜像后的速度杠杠滴,亲测速度真的很快很快,反正比初始速度快很多就是啦。

    内功修炼初始,拥有了各种神功秘笈的我们,可以开启下一环节啦

    略有所得

    1. 创建博客文件夹
      在PC自己习惯的路径下大胆创建文件夹,存放搭建博客的相关信息。比如我:就是很任性的直接在某盘创建了某个名为myblog的文件夹。想想是不是有点小激动,度过了最枯燥的装载工具环节,终于要证明对上博客这个庞然大物了。
      其实你如果对命令行熟悉的话直接可以:mkdir myblog。

    2. 让文件夹焕发光彩
      文件夹创建好了,该为它套个博客的马甲了。找到你搭建博客的文件夹路径,点进去吧,空白处右击选择git bash here,在git bash下,执行pwd可查看当前路径(也就是进入你之前建立文件夹),在myblog中执行命令hexo init,初始化完成后,再执行hexo generate生成静态页面。最后一步hexo server开启服务,不出所料
      OK
      这时候你就可以在你的浏览器地址栏输入http://localhost:4000/。迷人的hexo在向你招手了,到这里你已经成功了一小半了,恭喜恭喜!这个时候对于如何搭建博客,你是不是觉得略有所得呢?

    神功大成

    1. 配置Github的SSH
      打开git bash,进入myblog文件夹中。
      命令ssh-keygen -t rsa -C “你的GitHub注册邮箱”可以在/C/Users/你当前用户名/.ssh中生成两个文件:id_rsa和id_rsa.pub,其中id_rsa是秘钥,而id_rsa.pub是公钥。id_rsa.pub里面的内容就是我们接下来所需要使用的。
      接下来要在Github中的设置页面左侧找到SSH andGPG keys,然后点击右上角New SSH key。

      Tile内容不用填写,接下来就该在key中输入id_rsa.pub里面的内容,完事点击左下角绿色小按钮Add SSH key。

      其中id_rsa.pub里面的内容可以使用你喜欢的任意一款文本编辑器打开,这里我推荐一款不错的文本编辑器sublime Text,当然,我现在就在sublime中手敲这些文字。
      rsa.pub添加完成后,使用命令 ssh -T git@github.com 进行测试,如果出现如下效果则表明添加成功。

      在这之后记得要设置一下用户名和邮箱

      1
      2
      git config --global user.name "你的GitHub用户名"
      git config --global user.email "你的GitHub注册邮箱"
    2. 修改配置文件
      在myblog下,可以很明显的看到配置文件_config.yml,使用你喜欢的任意文本编辑器打开并编辑它。_config.yml里的最后一段就是需要我们修改的内容,在这之前准备工作要做好,打开你的github,进入你新建的仓库,右面有个绿色的小按钮写着clone看到了没,点它,没错接下来会弹出一个小框,里面有你仓库的链接地址,复制它,一会需要用到。
      回到刚才的文件中,找到这段代码。

      1
      2
      3
      4
      5
      6
      ### Deployment
      ## Docs: https://hexo.io/docs/deployment.html
      deploy:
      type: git
      repository: git@github.com:GotoLu/gotolu.github.io.git
      branch: master

      当然这是我修改后的,你需要在type后面敲入git,repository后面敲入你在github中创建仓库的地址,也就是前面复制的内容派上用场了,branch分支填写master即可。
      注意事项:填写内容前记得在前面多敲一个空格’ ‘,如type: git!不然会出现意想不到的结果。
      保存完成后,运行

      1
      2
      3
      4
      5
      6
      // 清楚静态页面
      1. hexo clean
      // 生成静态页面
      2. hexo generate
      // 部署到Github
      3. hexo deploy

      至此,博客的搭建已经完成了,你只需要在浏览器中输入http://你的用户名.github.io就可以看到自己的,如我搭建的地址http://gotolu.github.io,我的博客搭建出来了,你们的呢?让我们一起练就绝世神功吧!
      提供一些小技巧

      1
      2
      3
      4
      git c == git clean
      git g == git generate
      git s == git server
      git d == git deploy

    上述命令经常会使用到,提供一点技巧,为我们节省一些时间!

    结束语

    虽然我按照流程进行一步一步的介绍,但因各种其它因素造成搭建过程出现问题也是在所难免的。有问题可以一起讨论解决。
    博客搭建出来了是不是很激动啊,这个哈?我不知道,反正我写出我的第一篇博客相当激动。第一次写作轻喷哦~


    在此感谢jacman提供的漂亮主题!

    文章目录
    1. 1. 写在开头
    2. 2. 赤脚闯天下
    3. 3. 略有所得
    4. 4. 神功大成
  • 结束语