搭建GitHub博客，使用Hexo

今天晚上经过个把小时的折腾,把博客搭建起来了,来写个博客总结一下.

网上的资料很多,希望大家一路顺利，因为这种东西一遇到问题就很烦很烦.

1. 安装Github for windows

下载 Github for windows 并执行即可完成安装(在线安装,会有点慢)。这个软件的的好处是有一个带GUI的界面,还有一个终端界面.如图所示



2. 安装Node.js

在 Windows 环境下安装 Node.js 非常简单,建议下载最新版的即可，仅须下载安装文件并执行即可完成安装。（win下建议下载msi格式的，因为这样可以不用配置环境变量之类的）

3. 测试node.js是否安装

在任何控制台输入(可以按windows键+R,输入cmd,然后输入npm,一般来说不会有问题)



万一如果，我是说如果万一此处如果npm无效，首先确定win下你采用的是msi格式的安装文件，然后重启下电脑，应该就正常了。

4. 安装hexo

接下来的操作我都是用Github for windows自带的Bash来完成的,因为后面会涉及到SSH,用Github for windows,就可以避免这个问题.

在Bash中输入以下命令

npm install -g hexo

创建hexo文件夹

创建你hexo放置的文件夹,先用Bash进入到目标文件夹,比如我的是:/blog/,接下来初始化hexo,自动生成相关的文件,在:/blog/环境下,输入

cd /D/blog  # 这个命令表示当前进入目录为：D/blog/
hexo init

安装依赖包

npm install

本地预览,做完以上操作,可以本地预览一下

hexo g
hexo s

以上两条命令的意思是:

生成相关文件(就是生成目标html,静态博客嘛,就是很多html组成)

打开本地服务器预览(node.js就是干这事的,点击访问http://localhost:4000,就可以看到了)

博客搭建基本完成,现在要做的就是把它发布到你的Github上去

—————别高兴太早，我就是这样出问题的—————

还有一步就是要在本地安装Git！安装Git！安装Git！。

Git去百度搜一下安装，然后我给你把教程都配好：

Git安装教程

安装完了之后，我们还需要做一件事就是当你安装Git后首先要做的事情是设置你的用户名称和e-mail地址。这是非常重要的，因为每次Git提交都会使用该信息。它被永远的嵌入到了你的提交中：

$ git config --global user.name "android"
$ git config --global user.email 598515834@qq.com

避免不知道哪儿码这两行命令，还是给个图：



1 注册Github

2 创建公共库

在自己Github主页右下角，创建一个新的repository(点这里)。比如我的Github账号是androidwolf，那么我应该创建的repository名字应该是androidwolf.github.io(注意你的repository名字就是androidwolf.github.io,注意你的repository名字就是androidwolf.github.io,注意你的repository名字就是androidwolf.github.io)。

3 部署

现在万事俱备,只差部署了,我们来配置下_config.yml.

这个文件在路径是F:/blog/_config.yml.

用编辑器把它打开,修改最后一段

ps:以下为hexo 2.8x的配置方法,不适用于3.0

deploy:

type: github

repo: https://github.com/Jackroyal/Jackroyal.github.io.git

branch: master

现在hexo由2.8升级到3.0了,按照上面的方式安装,你的hexo版本是hexo 3.0,3.0的这段代码的设置内容如下:

deploy:

type: git

repo: https://github.com/Jackroyal/Jackroyal.github.io.git

branch: master

照着我的这个格式修改就好了,把我里面的用户名替换成你的.

至此基本完成所有搭建步骤.

上传

我们开始上传项目的代码,再重复一次,我一直以来用的工具都是Github for windows自带的Bash,所以我没有配置SSH,如果你用的windows自带的终端或者其他比如msysgit,可能需要配置SSH,不然无法使用Github(点击这里查看官方教程).

我们输入以下命令

hexo g
hexo d

或者偷个懒

hexo d -g

现在就可以去看看你的个人主页了,逼格满满有木有.二话不说，上图：



今天试着发了一篇小文章（后来我又给删除了），明天系统的讲解如何换肤，让你的博客逼格更高的同时再讲解怎么发文章。