Hexo搭建个人博客

2017-04-16

其实好多事情,在没有经历过,会觉得那些东西看起来如此牛逼,但是真正经历了,自己做了之后,会发现,牛逼的不仅是那些事,还有自己~~此篇教程是纪念我花费在博客上面的所有逝去的时间,并且帮助那些想要建立博客的同学们。
那么,现在直接奉上搭建步骤:

Hexo?

Hexo is a fast, simple and powerful blog framework. You write posts in Markdown (or other languages) and Hexo generates static files with a beautiful theme in seconds.

大致解释是:Hexo是一个快速，简单和强大的博客框架。你写的Markdown（或其他语言）的帖子Hexo在几秒钟内就能生成静态文件;

环境配置

安装Hexo非常容易。但是，你需要先安装几个其他的东西：
node.js
作用：用来生成静态页面的到Node.js官网下载相应平台的最新版本，一路安装即可。
github
作用：用来做博客的远程创库、域名、静态资源服务器。怎么申请github的账号和ssh key等,请大家自行搜索,网络上资源还是很丰富的。

正式安装Hexo

nodejs和git都安装好后，可执行如下命令安装hexo：

1	sudo npm install -g hexo

初始化

创建一个文件夹，如：Blog，进入到Blog里分别执行init命令和安装依赖命令：

1 2	hexo init npm install

生成静态页面

继续再Blog目录下执行如下命令，生成静态页面:

1	hexo generate （hexo g 也可以）

安装hexo-server插件

1	sudo npm install hexo-server

本地启动

启动本地服务，进行文章预览调试，命令：

1	hexo server (hexo s 也可以)

浏览器输入localhost:4000进行预览博客网站,是不是很简陋呢,但是好歹有一个自己的家园了,也是很兴奋呢。但是现在都是在本地进行的,需要和github进行关联。

配置Github

建立与你用户名对应的仓库，仓库名必须为【your_user_name.github.io】，固定写法然后建立关联,例如我的是:hujin2016.github.io,此时,你的目录应该是这样子:

Blog
　｜
　｜－－ _config.yml
　｜－－ node_modules
　｜－－ public
　｜－－ source
　｜－－ db.json
　｜－－ package.json
　｜－－ scaffolds
　｜－－ themes 　

现在我们需要修改_config.yml文件，用编辑器打开,翻到最后,改成这个样子(注意冒号后面的空格):

deploy:
  type: git
  repository: https://github.com/hujin2016/hujin2016.github.io
  branch: master

执行如下命才能使用git部署(只需要执行一次):

1	npm install hexo-deployer-git --save

执行这个命令进行部署:

1	hexo deploy (hexo d 也可以)

然后再浏览器中输入 http://hujin2016.github.io 就行了，我的 github 的账户叫 hujin2016 ,把这个改成你 github 的账户名就行了。

备注

每次部署的步骤，可按以下三步来进行:

1
2
3

hexo clean
hexo generate
hexo deploy

简写：

1 2	hexo clean hexo g -d

一些常用命令：

hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口（默认端口4000，'ctrl + c'关闭server）
hexo deploy #将.deploy目录部署到GitHub
hexo help  #查看帮助
hexo version  #查看Hexo的版本