背景
你想拥有自己的免费博客嚒? 小清新,高大上,简洁,方便,容易上手,都不是问题!本篇文章带你搭建自己 免费的博客。
声明
网上的教程,很多都是老的,配置不成功的,我这篇写于2016/08/21,至少今天是可以使用的,未来怎样更新配置,我就不知道。所以如果不可以的话,请自行到Hexo官方网站进行学习与总结。最后,本文基于Windows系统进行配置安装。
1:安装 git
作为一个程序员,Git 都不会安装的话,本篇文章不适合你阅读,谢谢你的阅读,再见 !
安装: 双击 -> next ……. ->finish
2 :安装node.js
到Node.Js官方网站,下载Node.js版本,如下图所示,我下载的是箭头所指的版本。
安装 : 你懂的 ,双击 -> 路径都不需要管,会自动配置环境变量,安装完毕最好重启下电脑,反正我没有重启。
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
(3)安装NPM依赖包
$ npm install
(4)测试本地环境
输入下面命令-生成静态文件
$ hexo g
输入下面命令-启动本地服务
$ hexo s
然后用浏览器访问http://localhost:4000/,此时,你应该看到了一个漂亮的博客了,当然这个博客只是在本地的,别人是看不到的,hexo3.0使用的默认主题是landscape。轻轻松松就看到了一点成果。
来自本地的截图
5.Github部署
(1)SSH配置
自己度娘咯,很简单的操作,可以看下这个 >> windows下配置Github 的SSH
(2)新建Repository
重点中的重点:Repository的命名
格式必须为youname.github.io,例如我的为labelnet.github.io
Github截图
(3)配置Hexo
打开刚刚新建的目录 hexo -> 编辑其根目录的 _config.yml 文件,在最后添加如下配置:
deploy:
type: git
repo: https://github.com/LABELNET/labelnet.github.io.git
branch: master
其中 repo 是刚刚新建Repository 的地址,你懂的。我的配置如下图所示:注意 ” : ” 后面有一个空格 !
(4)部署到GitHub
输入下面命令-生成静态文件
$ hexo g
输入下面命令- 部署,上传
$ hexo d
上传成功后,会提示 :
INFO Deploy done : git
比如我的:
6.访问
直接在浏览器中进行访问你刚刚新建的Repostory的名字 ,比如我的
第一篇 : 配置安装完毕,敬请期待后面的配置。
Ok,如果访问不了,稍微等会儿 。有问题,评论中进行解答。