Git + Hexo 搭建个人博客网站

摘要

本文介绍如何通过git 和hexo 结合搭建一个纯静态的博客网站,本文将会详细介绍git与hexo
安装与配置过程,通过本章你将会搭建起您基本的博客网站。您的博客之旅将会开始。如果您需要了解更多
关于HEXO建站技术 请点击以下推荐的系列:
相关推荐:
HEXO-建站系列
HEXO-优化系列
HEXO-进阶系列


前言

在进行搭建博客之前,我们有必要先了解什么事git,什么是hexo.了解此部分更加让你对通过git结合hexo
搭建个人博客的兴趣

Git是什么

我这里说的Git主要是指GitHub Pages,GitHub Pages本用于托管在GitHub的项目,由于他的空间免费稳定,
非常适合做博客。

Hexo是什么

Hexo是一个开源的静态博客生成器,用node.js开发,作者是台湾大学生tommy351,鉴于其静态架构,
用来做博客非常简洁,性能好

总结

通过将Hexo生成hexo静态网站文件并上传到GitHub 实现免费的个人博客。

实施过程

整体的操作过程如下:

  • 1、Git安装
  • 2、注册和配置Github
  • 3、使用Github搭建和配置Hexo网站

Git安装

访问一下链接获取Git windows 安装包Git_download
安装过程,默认即可,安装后的截图是:

支持右键打开Git Bash

注册和配置Github

注册GitHub

访问:http://www.github.com/ ,一步一步注册即可,邮件要写好,很多配置需要结合邮箱.

建立Repository(建立Git库)

当你注册完成后,点击右下脚new repository,开始建立Git库

填写对应的信息

完成库的建立

配置SSH Keys

配置SSH Keys翻遍你通过Git bash链接到Git。如果您是第一次设置SSH Keys,如下操作
生成SSH KEYS

code
1
2
3
$ ssh-keygen -t rsa -C "邮件地址@youremail.com"
Generating public/private rsa key pair.
Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):<回车>

系统会要求你输入密码,这里设置的密码主要是在你提交Git时弹出密码认证
code
1
2
Enter passphrase (empty for no passphrase):<输入加密串>
Enter same passphrase again:<再次输入加密串>


成功后的截图

添加SSH Key到GitHub

找到id_rsa.pub 并复制文件内容
id_rsa.pub文件一般位于电脑用户配置文件夹下的一个.ssh文件下C:\Users\你的用户名.ssh
登录Github并添加密钥
登录GitHub并点击右上角->点击Settings->点击左面板SSH and GPG keys

将您从id_rsa_pub复制的内容黏贴到,完成添加SSH KEYS**

测试通过git bash链接到Git

链接Git

code
1
$ ssh -T git@github.com

提示如下:yes
code
1
2
3
The authenticity of host 'github.com (207.65.227.44)' can't be established.
RSA key fingerprint is 16:27:42:18:60:1d:7b:13:d2:b5:c4:20:7e:56:86:d8:71:f3
Are you sure you want to continue connecting (yes/no)?

以下为成功链接到Git
code
1
2
Enter passphrase for key '/c/Users/jory.he/.ssh/id_rsa':输入你设置的SSH KEY的密码
Hi joryhe! You've successfully authenticated, but GitHub does not provide shell access.

使用Git bash简单的设置一下用户信息:
code
1
2
$ git config --global user.name "joryhe"//用户名
$ git config --global user.email "1032473410@qq.com"//填写自己的邮箱

使用Github搭建和配置Hexo网站

在开始前,请记住我们在 “注册和配置Git”过程中提到的 建立repository,期间的repository 名字需要记录下来

安装hexo并初始化

安装hexo

code
1
$ npm install -g hexo

初始化
初始化需要你建立一个本地hexo文件夹作为存放你的Hexo文件,本例是桌面的下的myblog,进入此文件夹
右键点击git bash并输入初始化命令
code
1
$ hexo init

等待完成后,发现myblog文件夹下会生成初始化文件,这些文件是建站所需要的文件。
运行以下命令实现 建立网站并本地运行一个测试访问:默认是http://localhost:4000
code
1
2
$ hexo g
$ hexo s

到此,网站建立完成,但是您还需要上传到Github,操作如下
修改主配置文件_config.yml,在你的myblog根目录下,并找到以下内容并修改

code
1
2
3
4
deploy:
type: git
repository: git@github.com:你的repository名字/你的repository名字.github.io.git
branch: master

修改完成后,使用以下命令上传到Git

code
1
2
3
$ hexo clean
$ hexo g
$ hexo deploy

成功上传后

hexo网站已经建立完成,你可以使用https://你的repository名字.github.io.git 去访问你的网站

结语

如果你还需要了解更多技术文章信息,请继续关注Jory博客

看一看,共同关注,共同分享与讨论!