用Hexo开发个人博客

一、前言

Hexo简介

Hexo是一款基于Node.js的静态博客框架。这里的静态指的是对数据的处理方式，通过数据库来动态的查询、调用、展示的叫“动态”，直接生成纯.html网页文件来供浏览的叫“静态”。应用Hexo生成静态的博客页面，再将其托管到Github平台上，这是一种比较方便搭建个人博客的方法。
Node.js简介
Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。
Hexo的安装就需要用到Node.js的npm的包管理工具，通过npm安装Hexo和其主题等。

Git简介

Git是目前世界上最先进的分布式版本控制系统，可以有效、高速的处理从很小到非常大的项目版本管理。
通过Git来管理博客的文章，将Hexo博客上传到github上，建立个人博客网站。

二、Hexo搭建步骤

开发环境为64位 Windows10

安装Git

Git的官方下载地址：https://git-scm.com/downloads
官方下载速度感人，从淘宝镜像站下载较快：https://npm.taobao.org/mirrors/git-for-windows
直接拉到底，最下面是最新版。安装过程全程默认即可，安装路径可改为其他位置。

安装Node.js

Node.js的官方下载地址：https://nodejs.org/en/download/
安装过程全程默认即可，根据需要改变安装路径。在命令控制台CMD输入以下命令，如果显示版本则安装成功。

1 2	node -v npm -v

安装Hexo

Git和Node.js安装完成后，就可以安装Hexo,在命令台输入以下命令，回车，稍等片刻。
npm install -g hexo-cli
输入
hexo -v
确认是否安装成功

初始化Hexo

1 2	hexo init myblog cd myblog

● 新建完成后，指定文件夹目录下有：
● node_modules: 依赖包
● public：存放生成的页面
● scaffolds：生成文章的一些模板
● source：用来存放你的文章
● themes：主题
● ** _config.yml: 博客的配置文件**
在命令行输入

1
2
3

hexo clean
hexo g
hexo s

浏览器地址栏输入 localhost:4000，可以本地浏览你的博客，命令行Ctrl+c退出。

Github创建个人仓库

如果还没有GitHub账号，现在马上去注册吧。

注册完登录后，在GitHub.com中看到一个New repository，点它新建仓库。
新仓库的命名格式为**’xxxx.github.io’，这里的xxxx是你的github用户名，注意不要输错哦。点击create repository**。
生成SSH添加到GitHub，输入以下命令：
1
2
git config --global user.name "yourname"
git config --global user.email "youremail"
这里的yourname输入你的GitHub用户名，youremail输入你GitHub的邮箱。这样GitHub才能知道你是不是对应它的账户。
可以用以下两条，检查一下你有没有输对
1
2
git config user.name
git config user.email
然后创建SSH,一路回车
ssh-keygen -t rsa -C "youremail"
这个时候它会告诉你已经生成了.ssh的文件夹。在你的电脑中找到这个文件夹。ssh，简单来讲，就是一个秘钥，其中，id_rsa是你这台电脑的私人秘钥，不能给别人看的，id_rsa.pub是公共秘钥，可以随便给别人看。把这个公钥放在GitHub上，这样当你链接GitHub自己的账户时，它就会根据公钥匹配你的私钥，当能够相互匹配时，才能够顺利的通过git上传你的文件到GitHub上。
而后在GitHub的setting中，找到SSH keys的设置选项，点击New SSH key把你的id_rsa.pub里面的信息复制进去。

将hexo部署到GitHub

将hexo生成的文章部署到GitHub上，打开站点配置文件 _config.yml，翻到最后，xxxx就是你的GitHub账户

deploy:
 type: git
 repo: https://github.com/xxxx/xxxx.github.io.git
 branch: master

需要先安装deploy-git ，也就是部署的命令,这样你才能用命令部署到GitHub。
npm install hexo-deployer-git --save
安装成功后输入

1
2
3

hexo clean
hexo generate
hexo deploy

其中 hexo clean清除了你之前生成的东西，也可以不加。
hexo generate 顾名思义，生成静态文章，可以用 hexo g缩写
hexo deploy 部署文章，可以用hexo d缩写
注意deploy时可能要你输入username和password。
刚部署时网页需要解析，稍等片刻，在http://xxxx.github.io 这个网站看到你的博客,xxxx为用户名字