Hexo+Github个人博客搭建

hexo+GitHub搭建博客

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

Git(官网)

Node.js(官网)

下载就不说了。

安装就傻瓜式安装,直接默认就行了!

2.配置环境变量

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

Hexo+Github个人博客搭建

示例图片

3.新建空博客文件夹

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

$ npm install hexo-cli -g

 

                                       Hexo+Github个人博客搭建

                                                                                    示例图片

$ hexo init blog

$ cd blog

$ npm install

$ hexo g

                                                 Hexo+Github个人博客搭建

                                                                                    示例图片

$ hexo s

                                        Hexo+Github个人博客搭建

                                                                                    示例图片

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

Hexo+Github个人博客搭建

                                                                                 示例图片

4.注册github账号

github

Hexo+Github个人博客搭建

                                                                                        示例图片

5.创建一个仓库

注:

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

Hexo+Github个人博客搭建

                                                                                        示例图片

6.设置github pages

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

Hexo+Github个人博客搭建

                                                                                        示例图片

7.SSH授权

$ ssh-****** -t rsa

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

Hexo+Github个人博客搭建

                                                                                  示例图片

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

Hexo+Github个人博客搭建
示例图片

                                                                                             

Hexo+Github个人博客搭建

                                                                                                    示例图片

Hexo+Github个人博客搭建

                                                                                             示例图片

8.在_config.yml中添加

复制clone or download下的git地址

deploy:

type: git

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

  branch: master

Hexo+Github个人博客搭建

                                                                                         示例图片

9.回到命令窗口

$ npm install hexo-deployer-git --save

$ hexo g

$ hexo d

或者

$ npm install hexo-deployer-git --save

$ hexo g -d

Hexo+Github个人博客搭建

                                                                                         示例图片

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

例如:

Hexo+Github个人博客搭建

                                                                                              示例图片

博客搭建初步完成

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