博客基于Github的hexo搭建

借鉴来至Ryane’s Blog 感 谢

前言

这个教程非常的适合像我们这样的小白，用Github Pages和Hexo搭建的独立博客。没有用到自己的服务器，用的是Github的托管，可以为你免费提供服务器。不用去配置服务器，数据库等等。当然这是一部分适合我们这样的小白，以后慢慢有了经验大家还是可以自己租一个服务器折腾。

Github

Github里面的东西是真的好

下面直接开始

以下都是小白操作，但是我们可以边模仿边学习。以下的教程的原理，大家都可以去网上查阅。

安装Node.js和git

Node.js：直接从官网下就好了（注意32 和 64）

git:上官网，不过貌似要翻墙（64位的可以选择这个）

• 安装教程：如何在window下安装Git
• Git入门：廖雪峰老师的Git教程

.hexo安装

安装完Git之后，桌面右键鼠标，点击Git Bash Here，输入npm命令即可安装

npm install hexo-cli -g
npm install hexo --save
#如果命令无法运行，可以尝试更换taobao的npm源
npm install -g cnpm --registry=https://registry.npm.taobao.org`

.创建文件夹

安装完成之后，根据自己的爱好，在自己喜欢的位置新建博客目录（比如：D:\blog\hexo）
进入D:\blog\hexo，右键鼠标。点击Git Bash Here，进入Git命令框，执行以下操作。

$ hexo init
$ npm install

安装相关插件

npm install hexo-generator-index --save
npm install hexo-generator-archive --save
npm install hexo-generator-category --save
npm install hexo-generator-tag --save
npm install hexo-server --save
npm install hexo-deployer-git --save
npm install hexo-deployer-heroku --save
npm install hexo-deployer-rsync --save
npm install hexo-deployer-openshift --save
npm install hexo-renderer-marked@0.2 --save
npm install hexo-renderer-stylus@0.2 --save
npm install hexo-generator-feed@1 --save
npm install hexo-generator-sitemap@1 --save

先在本地查看效果

在Hexo目录下执行git命令：

hexo generate
hexo server

登陆localhost:4000，即可看到本地的效果如下：

本地部分已经结束

现在本地工作已经做好，我们再把做好的东西部署到Github就好了

将本地博客部署到Github Pages上面

注册账号

1. Github官网
2. 右上角sign up。

创建代码仓库

1. 注册完登陆后，我们就创建一个我们自己的Github Pages项目。点击New repository。
2. 创建要点如下：
   
   要点：一定，一定注意项目名字和用户名一定对应

配置SSh密钥

看看是否存在SSH密钥

打开Git Bash，运行：

$ cd ~/. ssh 

检查你本机用户home目录下是否存在.ssh目录

如果，不存在此目录，则进行第二步操作，否则，你本机已经存在ssh公钥和私钥，可以略过第二步，直接进入第三步操作。

创建一对新的SSH密钥

$ssh-keygen -t rsa -C "your_email@example.com"
#这将按照你提供的邮箱地址，创建一对密钥
Generating public/private rsa key pair.
Enter file in which to save the key (/c/Users/you/.ssh/id_rsa): [Press enter]

直接回车，则将密钥按默认文件进行存储。此时也可以输入特定的文件名，比如/c/Users/you/.ssh/github_rsa

接着，根据提示，你需要输入密码和确认密码（说到这里，如果你很放心，其实可以不用密码，就是到输密码的地方，都直接回车，所以每次push就只管回车就行了。所谓的最安全的密码，就是没有密码 哈哈）。相关提示如下：

Enter passphrase (empty for no passphrase): [Type a passphrase]
Enter same passphrase again: [Type passphrase again]

输入完成之后，屏幕会显示如下信息：

Your identification has been saved in /c/Users/you/.ssh/id_rsa.
Your public key has been saved in /c/Users/you/.ssh/id_rsa.pub.
The key fingerprint is:
01:0f:f4:3b:ca:85:d6:17:a1:7d:f0:68:9d:f0:a2:db your_email@example.com

在Github账户中添加你的公钥

先运行以下命令，

clip < ~/.ssh/id_rsa.pub

然后：

1. 登陆GitHub,进入你的Account Settings.

2.选择

3.

设置用户信息

$ git config --global user.name "cnfeat"//用户名
$ git config --global user.email  "cnfeat@gmail.com"//填写自己的邮箱

问题

如有问题，参考：
[GitHub Help - Generating SSH Keys](Error: Permission denied (publickey))
Error: Permission denied (publickey)

将本地hexo文件部署到Github库中

打开自己username.github.io的项目

然后，点击HTTPs选择ＨＴＴＰＳ类型

复制地址

打开你一开始创建的Hexo文件夹（如F:\Blog\Hexo），用记事本打开刚文件夹下的_config.yml文件

修改配置

#

在Hexo文件夹下：

hexo g
hexo d

或直接

hexo g -d

执行完之后就可以了。

结语 ：

中间还有又很多可以去摸索的