Hexo + GitHub搭建自己的博客

继昨天用github搭建博客后，今天百度了下大多数是用hexo+github的方式来搭建一个属于自己的真正博客，弄了一上午，按着别人的法子来，其实步骤很简单，不过有的还没搞懂啥意思，也只能浅浅的记住几个hexo口令。如有错误，欢迎指正！

安装Hexo

   1、 首先要在电脑上安装nodejs ，下载地址：http://nodejs.cn/ 

   2、 安装git ，下载地址：https://git-scm.com/downloads 

   3、在桌面新建一个文件夹，然后通过命令进入到该文件夹下，输入以下。  （注：我在桌面新建了一个名为blog的文件夹，作为站点根目录）

npm install -g hexo-cli    //使用npm安装Hexo

 

4、然后依次输入一下口令

 hexo i blog //init的缩写 blog是项目名
 hexo g //generetor的缩写
 hexo s //server的缩写

如果没有任何问题的话，命令执行完后会出现下图一个链接

用浏览器打开 http://localhost:4000/ 这个链接，查看:

这是hexo默认的主题博客，其实到这里就可以写博客啦，但我们要做的就是和github page联系起来，所以继续吧。。。。

选择主题

1、此时，按下Ctrl +C 结束，回到根目录下，然后输入  

git clone https://github.com/iissnan/hexo-theme-next themes/next

2、打开刚才新建立的blog文件夹内的__config.yml文件，找到theme字段，将其landscape更改为 next

3、在终端依次输入

hexo clean  //清除缓存
hexo g  //重新生成代码
hexo s  //部署到本地

//然后打开浏览器访问 localhost:4000 查看效果

这是其中一种主题，接下来我们换下其他的主题。

4、配置nexT

在 站点根目录/themes/next/_congig.yml 文件中，找到scheme，按下图修改。

然后 终端输入，查看效果，样式改变了（ps：我忘记截图了，用的别人的~）

hexo clean
hexo g
hexo s 

当然，你完全可以进行很多的自定义设置甚至修改源码，定制自己的主题。更多的设置请移步官方文档

http://theme-next.iissnan.com/getting-started.html

将本地博客上传到github（如果已搭建好，请直接移步第5步）

首先要有github账号，申请官网在这里！ https://github.com/

步骤：

1、登录账号后，点击下图按钮，新建仓库。

 

2、填写仓库的属性，仓库名格式：你的github用户名.github.io, 个人博客简介和描述文件可选填。

3、设置。创建好仓库后，点击下图中的setting，进入设置页面。

然后进入设置页面，向下划，找到GitHub Pages，为博客选择一个主题。

4、选择博客主题，根据自己风格选取。

选好之后，在浏览器输入自己博客地址，https://github.com/missJing0818，打开查看。（我的啥也没有，就是这个样子）

5、接下来我们将Hexo的代码部署到github上。

修改hexo站点的配置文件，就是根目录下的_config.yml文件

按上图那样修改，博客的地址要换成你自己的，冒号后面的空格也不要少，格式很重要，不然会出错。

6、部署。在终端输入以下：

npm install hexo-deployer-git --save 

hexo d // 部署的命令 

可能会让输入密码，输入按回车就好了。

然后刷新下你的github博客网站，看！变了吧！！

发布博客（简易）

我还不太会玩啊，先发个标题压压惊！

终端根目录下输入 

hexo new “Hello”    // 名为Hello.md的文件会建在根目录/blog/source/_posts下。

hexo g   //生成静态页面

hexo d   //发布

然后，我们再来看下，哈哈哈哈哈哈，太激动，一下子搞了两篇。这样就发布成功啦。

 

 

猴急：

到这里，最基本的搭建已经完成了，其余的就需要自己去探索了，接下来研究研究怎么搞头像，美化下页面，以及尽快正式发布自己的第一篇博客。