利用Hexo在GitHub搭建个人的Blog

梁光柱 2017年3月9日

第一步,在开始之前我们先要配置好要操作的环境,接下来我将教大家如何去给自己的电脑配置环境


  1. node.js 自己到官网去下载node.js,这是一个js运行的环境,帮助你到时候的页面加载,安装过程简单,可以一直点击next即可。
  2. Git 这个软件的安装也不会有难度,一直next能够顺利安装,该软件的用途是将本地与远端连接起来。
  3. GitHub 这是一个github的账号,没有的人要到官网去申请,用于存放本地的文件。
  4. 七牛云 这是一个实名之后可以免费在云端存储图片的网站,相当于你有一个服务器,然后利用markdown的形式放进图片(因为markdown写文章里面的图片放置是需要给予一个外部访问网址的,所以我们需要一个云端去存储图片)。
  5. 有道云笔记 这是一个用于写笔记的应用,它可以用来书写markdown,并且还可以边写边预览,很方便我们去写博客的文章内容,所以可以下载。
  6. sublime 这是一个轻量级的编程软件,可以用于后续_config.yml文件的编写。

第二步,接下来。我将用截图的方式告诉你如何去一步一步操作,其中图片里面的内容都是来源于网络,仅用于学习和个人的知识的笔记等用途,不参与任何的商业用途,如有侵犯各作者的版权,请联系邮箱guangzhul@qq.com通知本人及时删除。


  1. 首先,解决一个重要的问题是node.js的安装,如有读者安装遇到问题,请参考如下的链接去解决并验证是否安装成功,检验node.js安装是否成功请点击这里(在这里更新下如何去判断nodejs是否安装成功,真正的安装成功是取决于在window的cmd命令行时,属于node -v的就可以出来版本号,注意,在一打开的位置就可以输入并且得到成功的版本号,这才是真正的全局变量,当然,如果node.js一开始安装在C盘默认位置的时候是没有问题的,或者你在安装的时候有一个弹出来的选项,选择第三个也可以。如果最后遇到了这个问题就百度进入到环境变量的设置去加入自己的安装位置一直到\bin的位置)。node.js
  2. 第二个是Git的安装,这个简单无脑,毫无难度,实在还能遇到安装上的问题,请各位读者自行百度解决,这里不再细说,但是里面涉及到一个钥匙绑定的环节,就是想办法用本地的git绑定好远程的github账号,以方便本地可以对远程进行操作,操作的过程如下图所示:git的绑定操作
  3. GitHub申请完成之后,开始搞github pages,不懂GitHub pages是啥的没关系,跟着下面的链接来做就行,创建github pages,你只需要知道它是一个创建之后可以让你有一个可以访问的个人网站就行,等你操作完毕之后,你自然而然知道这个是什么。
  4. 接下来,我们用安装完的git去安装hexo,我们直接在git bash上面下载安装hexo,这个过程直接参考下面的图片来做,跟着指令一步一步下来就行(以下的指令中你会看到很多npm的安装方式,然而你会在其他博客也有看到过cnpm开头的,这是什么意思呢,其实cnpm的意识是利用了淘宝镜像的方式去安装,也就是说用了我们中国的网络,会快很多,但是得先安装好淘宝的镜像,才能用):
    1
    $ cnpm install hexo --save #这是先装好hexo,才能有下一步的操作

hexo1
做完上面的步骤之后你将可以看到你想要的页面,但是这一切的展示仅仅止步于本地,外面什么都看不到,所以,接下来的一步就是让你的本地的内容可以同步到远端去,也就是你的个人网站,操作如下:
hexo2

5. 好,能顺利走到这一步的人,恭喜你已经可以访问到自己的网站了不信的话你可以试一下,唯一的问题是,你网站的文字内容还有样式全部都是人家的,而你需要的是你自己可以去修改样式并且会更改里面的内容,从而才能让你自己拥有自己能用的博客。

第三步,接下来,我将教你如何去操作写一篇属于自己原生的博客。

  1. 接下来,先让你去了解下博客里面的环境配置,并能够读懂每一个单词的意思,参考下面这篇博客,利用Hexo搭建个人博客-博客初始化篇,看完之后,你将会知道那些单词代表的含义,并且学会去操纵每一项配置。
  2. 配置好你要的环境之后,你需要一个不是默认的主题,这样做的原因很简单,证明你不是伸手党,是一个会自己换主题的人,很简单,你随便到百度搜索找主题,然后放进博客的themes目录里面,再修改你的_config.yml文件里面的关于themes的相关名字即可,不懂参考上面的链接,顺便提一句,你的 _config.yml文件既可以用 sublime来打开。
  3. 最后,去到source文件里面修改里面的.md文件,利用有道云笔记即可打开,然后进行编辑,如果不懂markdown的编辑使用,就请自行百度学习,一共就只有几个语义的东西,贼简单,我打出来的这篇东西就是用这个来写的。
  4. 最后提及一下,如果想要主题实现布局等更加炫酷的页面效果,自己去下载了主题的官网查看对应的框架来操作完成,本人还没有时间去尝试,请各位读者自力更生。
  5. 编写好之后,因为有道云笔记是不会改变源文件的,所以建议全部复制粘贴到对应的源文件里面替代原来的文件,这样就是大功告成了。
  6. 接下来,进行远端同步。还是先创建静态文件,再进行配置,还是博客根地方右键进行git bash
    1
    2
    3
    4
    #先创建静态文件
    $ hexo g
    #远程配置
    $ hexo deploy

第四步,自己赶紧去打开自己的个人网站吧,那里有你的博客,可以访问的话,就足以让每一个小白开心地跳了,晚安!

如有错漏之处,请联系本人邮箱guangzhul@qq.com,谢谢你的支持,是我最大的动力!