Hexo+github个人博客搭建

hexo+GitHub搭建博客

1.下载并安装Git,Node.js

Git(官网)

Node.js（官网）

下载就不说了。

安装就傻瓜式安装，直接默认就行了！

2.配置环境变量

计算机---属性---高级系统设置---环境变量----打开用户变量---点击编辑---输入变量名和将node.js安装路径粘贴到变量值中---确定完成环境配置

示例图片

3.新建空博客文件夹

安装hexo，在空文件夹中点击鼠标右键点击Git bash here进入命令行,输入以下命令：

$ npm install hexo-cli -g

示例图片

$ hexo init blog

$ cd blog

$ npm install

$ hexo g

示例图片

$ hexo s

示例图片

界面上会有一个类似http://localhost:4000的网站,界面如下

示例图片

4.注册github账号

github

示例图片

5.创建一个仓库

注：

GithubPages的Repository名字是特定的，比如我Github账号是abc，那么我Github Pages Repository名字就是abc.github.io。

示例图片

6.设置github pages

点击进入你刚刚创建好的仓库，接着点击settings，进入仓库管理，选择主题，和选择来源为master，试试在浏览器的地址栏输入”你github的用户名.github.io”吧！

示例图片

7.SSH授权

$ ssh-keygen -t rsa

接着3次回车，这样就会在C盘用户目录下生成id_rsa和id_rsa.pub这两个文件

示例图片

打开id_rsa.pub，复制其中的全部内容，点击github头像，再点击setting选择SSH and GPG keys，再点击NEW SSH key，将刚才复制的内容粘贴到其中

示例图片

示例图片

示例图片

8.在_config.yml中添加

复制clone or download下的git地址

deploy:

type: git

  repository: [email protected]:github用户名/github用户名.github.io.git

  branch: master

示例图片

9.回到命令窗口

$ npm install hexo-deployer-git --save

$ hexo g

$ hexo d

或者

$ npm install hexo-deployer-git --save

$ hexo g -d

示例图片

最后访问https://yourname.github.io

例如：

示例图片

博客搭建初步完成

小白一名，这是我搭建个人博客的经验，希望能给大家提供参考！