背景

你想拥有自己的免费博客嚒? 小清新,高大上,简洁,方便,容易上手,都不是问题!本篇文章带你搭建自己 免费的博客。


声明

网上的教程,很多都是老的,配置不成功的,我这篇写于2016/08/21,至少今天是可以使用的,未来怎样更新配置,我就不知道。所以如果不可以的话,请自行到Hexo官方网站进行学习与总结。最后,本文基于Windows系统进行配置安装。


1:安装 git

作为一个程序员,Git 都不会安装的话,本篇文章不适合你阅读,谢谢你的阅读,再见 !

Git下载地址 : 官方网站 | 百度软件中心

安装: 双击 -> next ……. ->finish


2 :安装node.js

Node.Js官方网站,下载Node.js版本,如下图所示,我下载的是箭头所指的版本。

HG - 当Hexo遇到Github,擦出了什么样的火花_静态文件

安装 : 你懂的 ,双击 -> 路径都不需要管,会自动配置环境变量,安装完毕最好重启下电脑,反正我没有重启。


3.安装Hexo

(1)安装Hexo

$ npm install hexo-cli -g

(2)安装Github 部署插件

$ npm install hexo-deployer-git --save

4.初始化Hexo及其配置

(1)Hexo命令及其解释 :4个命令,很简单

$ hexo g #完整命令为hexo generate,用于生成静态文件
$ hexo s #完整命令为hexo server,用于启动服务器,主要用来本地预览
$ hexo d #完整命令为hexo deploy,用于将本地文件发布到github上
$ hexo n #完整命令为hexo new,用于新建一篇文章

(2)初始化 - 新建文件夹/打开git bash

比如我的在e盘下新建hexo文件夹,然后打开git 终端,执行下面命令。

$ hexo init

HG - 当Hexo遇到Github,擦出了什么样的火花_windows_02

(3)安装NPM依赖包

$ npm install

(4)测试本地环境

输入下面命令-生成静态文件

$ hexo g

输入下面命令-启动本地服务

$ hexo s

HG - 当Hexo遇到Github,擦出了什么样的火花_Hexo_03

然后用浏览器访问http://localhost:4000/,此时,你应该看到了一个漂亮的博客了,当然这个博客只是在本地的,别人是看不到的,hexo3.0使用的默认主题是landscape。轻轻松松就看到了一点成果。

HG - 当Hexo遇到Github,擦出了什么样的火花_windows_04

来自本地的截图


5.Github部署

(1)SSH配置

自己度娘咯,很简单的操作,可以看下这个 >> windows下配置Github 的SSH

(2)新建Repository

重点中的重点:Repository的命名

格式必须为youname.github.io,例如我的为labelnet.github.io

HG - 当Hexo遇到Github,擦出了什么样的火花_静态文件_05

Github截图

(3)配置Hexo

打开刚刚新建的目录 hexo -> 编辑其根目录的 _config.yml 文件,在最后添加如下配置:

deploy:
  type: git
  repo: https://github.com/LABELNET/labelnet.github.io.git
  branch: master

其中 repo 是刚刚新建Repository 的地址,你懂的。我的配置如下图所示:注意 ” : ” 后面有一个空格 !

HG - 当Hexo遇到Github,擦出了什么样的火花_git_06

(4)部署到GitHub

输入下面命令-生成静态文件

$ hexo g

输入下面命令- 部署,上传

$ hexo d

上传成功后,会提示 :

INFO Deploy done : git

比如我的:

HG - 当Hexo遇到Github,擦出了什么样的火花_git_07


6.访问

直接在浏览器中进行访问你刚刚新建的Repostory的名字 ,比如我的

https://labelnet.github.io/

第一篇 : 配置安装完毕,敬请期待后面的配置。

Ok,如果访问不了,稍微等会儿 。有问题,评论中进行解答。