果果小师弟 · 2020年02月06日

Github+Hexo博客搭建小白教程(二)

二、Github注册以及Github Pages创建

这个注册的话我就不多说了,就是登录Github官网,注册一个账号。如果实在不会。这里我推荐一个B站UP:码匠笔记。手把手教你创建。

三、配置Git用户名和邮箱

在桌面点击鼠标右键,点击Git Bash Here,会出现一个界面如下图所示:

然后分别输入下面的两个命令,并回车:

git config --global user.name "此处填写你注册时的用户名" git config --global user.email "此处填写你注册时的邮箱" 
# 一般只要不报错,可以跳过下面寻找.gitconfig文件

四、本地安装hexo静态博客框架以及发布到Github Pages

1.首先选择一个磁盘作为你博客文件的存放位置,然后新建一个文件夹,比如名为blogtest的文件夹,创建完后,先不要点进去,在此处点击鼠标右键,选择Git Bash Here,然后依次输入如下命令,

# hexo框架的安装 
npm install -g hexo-cli 
# 等上一个命令完成后,在输入下面的命令 
hexo init <新建文件夹的名称> #初始化文件夹 
cd <新建文件夹的名称> 
npm install # 安装博客所需要的依赖文件
![](https://cdn.jsdelivr.net/gh/Yafine/Yafine-imgs/images/20191117221129.png)
![](https://cdn.jsdelivr.net/gh/Yafine/Yafine-imgs/images/20191117221144.png)
等待运行完成,此时文件夹中多了许多文件。
**注意:后续的命令均需要在站点目录下(即文件夹内)使用Git Bash运行。**
此时Hexo框架的本地搭建已经完成了。我们来运行一下看看,命令行依次输入以下命令 :

hexo g
hexo s

![](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L2doL1lhZmluZS9ZYWZpbmUtaW1ncy9pbWFnZXMvMjAxOTExMTcyMjExNTcucG5n?x-oss-process=image/format,png)
浏览器中打开 <http://locakhost:4000>,可以看到一个网页,说明Hexo博客已经成功在本地运行。
![](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L2doL1lhZmluZS9ZYWZpbmUtaW1ncy9pbWFnZXMvMjAxOTExMTcyMjEyMDYucG5n?x-oss-process=image/format,png)

### 1. 本地博客发布到Github Pages

之前的步骤中,我们已经完成了对Github账户的注册以及Github Pages的创建,接下来是将本地博客发布至Github Pages。到目前为止,我们的本地博客就成功搭建了,但是现在我们只能通过本地连接查看博客,我们要做的是让其他人也能够访问我们的博客,这就需要我们将博客部署到Github Pages上

首先需要安装发布的插件,在站点目录下执行下面的命令,也就是创建的博客目录下:

npm install hexo-deployer-git --save

紧接着,将本地目录与GitHub关联起来,输入下面的命令行:

ssh-keygen -t rsa -C "你的邮箱地址"
//引号里面填写你的邮箱地址,比如我的是2515361695@qq.com,注意冒号不要写

之后会出现

Generating public/private rsa key pair.
Enter file in which to save the key (/c/Users/you/.ssh/id_rsa):
//到这里可以直接回车将密钥按默认文件进行存储

然后会出现:

Enter passphrase (empty for no passphrase):
//这里是要你输入密码,其实不需要输什么密码,直接回车就行
Enter same 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:
这里是各种字母数字组成的字符串,结尾是你的邮箱
The key's randomart image is:
这里也是各种字母数字符号组成的字符串

然后在`C:/Users/[username]`目录下找到名为`.ssh`的文件夹, 文件夹内会有两个文件,一个`id_rsa.pub`一个`id_rsa`,用文本编辑器打开`id_rsa.pub`,复制里面的的内容。 然后打开Github,点击右上角的头像**Settings** 选择**SSH and GPG keys**

点击**New SSH key** 将之前复制的内容粘帖到Key的框中。 上面的**Title**可以随意,点击**Add SSH key**完成添加。

然后回到Git的命令行界面,测试一下是否与GitHub连接成功。输入下面的命令行:

ssh -T git@github.com

点击回车,然后会出现一个询问内容,输入**yes**,回车,会出现一段内容,**Hi <account name>! You've successfully authenticated, but GitHub doesnot provide shell access.**。 说明连接成功。此处这个**<account name>**应该是你Github的用户名。

3.进入博客站点目录,用文本编辑器打开**_config.yml**,这个**_config.yml**是博客的配置文件,在以后的博客修改,如个性化修改,博客SEO优化等都会使用到,修改如下图的几个地方:

title: 你的博客名
subtitle: 博客的副标题,有些主题支持
description: 博客描述
keywords: 博客关键词
author: 作者,在文章中显示
language: 博客语言语种
timezone: 时区

滑到文件最底部,有一个deploy,在deploy下面添加一个repo项 ,一个branch项。填入如下代码,并如下图所示:

type: git
repo: git@github.com:Github用户名/github用户名.github.io.git
branch: master

注意type:和repo:后面有两个空格,如果不是就是错的

4.最后就是生成页面,并发布至Github Pages,执行如下命令:、

Hexo会根据配置文件渲染出一套静态页面

hexo g

将上一步渲染出的一系列文件上传至至Github Pages

hexo d

也可以直接输入此命令,直接完成渲染和上传

hexo g -d

推荐阅读
关注数
1559
文章数
49
个人网站:www.zhiguoxin.cn微信公众号:果果小师弟
目录
极术微信服务号
关注极术微信号
实时接收点赞提醒和评论通知
安谋科技学堂公众号
关注安谋科技学堂
实时获取安谋科技及 Arm 教学资源
安谋科技招聘公众号
关注安谋科技招聘
实时获取安谋科技中国职位信息