Hexo搭建GitHub个人博客系统

-
2016-09-20

作为一名征战于IT行业多年的程序猴,之前都本着拿来主义的原则,吸收互联网上各种知识,资料文档,很少写过博文分享,真是惭愧,想来也是本人比较懒得原因,最近突然心血来潮,写点什么供大家分享也是极好的,先就将Hexo个人博客搭建于GitHub上作一记录,给想要搭建个人博客的宝宝们一个参考,文采有限,凑合着看吧。

## Hexo

hexo是一款基于Node.js的静态博客框架。目前在GitHub上已有12121 star 和 1953 fork。

## 安装Git

Git是神马,Git是一个开源的分布式版本控制系统,可以有效、高速的处理从很小到非常大的项目版本管理。......不用啰嗦了百度上多有,我们的博客系统是开源与GitHub上的,以及我们最终部署在GitHub上,需要用到Git这个工具。
下载对应的系统的版本安装包,我这边以window为例,下载地址:[https://git-scm.com/downloads/](https://git-scm.com/downloads/) 下载到git-xxx.exe安装包双击安装 下一步...下一步...
安装完验证Git是否安装正确,cmd打开dos窗口,输入:git --version
是否能打印出git版本,正常输出表示安装成功!

C:\Users\peekay> git --version
 git version2.9.0.windows.1

## 安装Node.js

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。
hexo是一款基于Node.js的静态博客框架,显然需要Node.js的支持
登陆Node.js中文网地址:[http://nodejs.cn/](http://nodejs.cn/) 下载对应系统版本,双击安装 下一步...
安装完成,cmd打开dos窗口,输入:node -v 正常输出表示安装成功!

C:\Users\peekay> node -v
  v4.4.7

## 注册GitHub账号及设置

登陆GitHub官网 [https://github.com/](https://github.com/) 有账号的使用账号登陆,没有的创建一个,具体不啰嗦,网上教程一堆,下一步下一步注册完成。
![](http://static.nsoft.vip/16-9-19-23595497.jpg)

### 一、设置git的username,email,打开Git目录下的Git Bash,输入:

$ git config --global user.name "peekay"
$ git config --global user.email "peekay@sina.cn"

### 二、生成秘钥

在Git Bash 中输入: ssh-keygen 一路回车

$ ssh-keygen
Generating public/private rsa key pair.
Enter file in which to save the key (/c/Users/peeka/.ssh/id_rsa):
Enter passphrase (empty for no passphrase):
Enter same passphrase again:
Your identification has been saved in /c/Users/peeka/.ssh/id_rsa.
Your public key has been saved in /c/Users/peeka/.ssh/id_rsa.pub.
The key fingerprint is:
SHA256:u7Gm0/gYNWECusxcTmryX9BKNeGMUaFmVq3a/7Gjc4U peeka@DESKTOP-ANIM9KS
The key's randomart image is:
+---[RSA 2048]----+
|    o.=o         |
|   . O ..        |
|  . O *.o        |
| + X o.+ .       |
|. B +o. S  .     |
| + ..o.. oE .    |
|  . . o+o ..     |
|   . .oo=+oo     |
|    . o===o.     |
+----[SHA256]-----+

最终的秘钥文件生成在用户家目录下的.ssh目录下。

### 三、将秘钥添加至GitHub

用之前注册的账号登陆GitHub,Settings->SSH and GPG keys 点击 New SSH key, 将上一步家目录下.ssh/id_rsa.pub中的内容全部拷贝贴到key栏中,保存
 

### 四、新建仓库用于存放我们的博客

Createa new repository 这里以 我们的用户名.github.io
 

## 安装Hexo程序

进入Hexo官网 [http://hexo.io](http://hexo.io) 官网有详细的安装教程,若访问慢或压根打不开,还是国内你懂得,选择一个路径这里我们以E:为例 cmd到E盘,依次执行如下命令

C:\Users\peekay>e:
E:\>npm install hexo-cli -g
E:\>hexo init blog
E:\>cd blog
E:\blog>npm install
E:\blog>hexo server
INFO  Start processing
INFO  Hexo is running at http://127.0.0.1:4000/. Press Ctrl+C to stop.

浏览器访问:[http://127.0.0.1:4000](http://127.0.0.1:4000) 表示Hexo安装成功

## 将Hexo发布到GitHub

### 配置Hexo

编辑器打开E盘blog目录下的_config.yml文件

# Site  设置站点标题 语言等信息
title: Alex.Yao's Blog
subtitle:
description:
author: Alex.Yao
language: zh-Hans
timezone:
# Deployment 配置git部署信息
## Docs: https://hexo.io/docs/deployment.html

deploy:
type: git
repository: https://github.com/yaonew/yaonew.github.io.git
branch: master

### 部署Hexo 至GitHub

cmd进入E盘blog目录 依次执行

E:\blog>hexo clean
INFO Deleted database.
E:\blog>hexo generate
   .....
E:\blog>hexo deploy

OK这样我们的博客系统就已经部署到GitHub上了,设置GitHub Pages


这样我们的博客就可以通过 [http://用户名.github.io访问了。](http://用户名.github.io访问了。)

更换博客模版及相关的设置,当你如上的设置都OK的话,应该不难了,有机会我再补充有关模版更换设置等。就这样了,有什么问题可以给我留言。


疯狂的企鹅
恋恋不忘,必有回响。
公告

最新评论

加载中...