疯狂的企鹅

Crazy.Rico's Blog


  • 首页

  • 归档

  • 关于

  • 标签

  • 分类

  • links

  • 搜索

Hexo搭建GitHub个人博客系统

发表于 2016-09-20 更新于 2019-10-16 分类于 其他 , 博客 阅读次数:
本文字数: 2.7k 阅读时长 ≈ 2 分钟

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

Hexo

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

安装Git

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

1
2
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/ 下载对应系统版本,双击安装 下一步…
安装完成,cmd打开dos窗口,输入:node -v 正常输出表示安装成功!

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

注册GitHub账号及设置

登陆GitHub官网 https://github.com/ 有账号的使用账号登陆,没有的创建一个,具体不啰嗦,网上教程一堆,下一步下一步注册完成。

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

1
2
3
$ git config --global user.name "peekay"

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

二、生成秘钥

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
$ 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 官网有详细的安装教程,若访问慢或压根打不开,还是国内你懂得,选择一个路径这里我们以E:为例 cmd到E盘,依次执行如下命令

1
2
3
4
5
6
7
8
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 表示Hexo安装成功

将Hexo发布到GitHub

配置Hexo

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
# 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目录 依次执行

1
2
3
4
5
E:\blog>hexo clean
INFO Deleted database.
E:\blog>hexo generate
.....
E:\blog>hexo deploy

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


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

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

-------------本文结束感谢您的阅读-------------
Crazy Rico wechat
欢迎您扫一扫上面的微信公众号,订阅我的博客!
Crazy Rico 微信支付

微信支付

Crazy Rico 支付宝

支付宝

# GitHub # hexo # Git # Node.js # 博客
Hello World
JavaWeb整合Discuz实现单点登录
  • 文章目录
  • 站点概览
Crazy Rico

Crazy Rico

33 日志
17 分类
39 标签
RSS
GitHub FCC E-Mail 慕课网 阿里云
  1. 1. Hexo
  2. 2. 安装Git
  3. 3. 安装Node.js
  4. 4. 注册GitHub账号及设置
    1. 4.1. 一、设置git的username,email,打开Git目录下的Git Bash,输入:
    2. 4.2. 二、生成秘钥
    3. 4.3. 三、将秘钥添加至GitHub
    4. 4.4. 四、新建仓库用于存放我们的博客
  5. 5. 安装Hexo程序
  6. 6. 将Hexo发布到GitHub
    1. 6.1. 配置Hexo
    2. 6.2. 部署Hexo 至GitHub
苏ICP备17004952号 © 2020 Crazy Rico | 90k | 1:22
由 Hexo 强力驱动 v3.9.0
|
主题 – NexT.Gemini v7.3.0
|
0%