利用Hexo搭建属于自己的博客

为了将自己的博客搭建到GitHub,特地学习了一下hexo。hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页,相比jekyll生成静态网页的速度更快。

本人博客地址:blog.scorpiodeng.me/

亮点

Hexo 是一个简单地、轻量地、基于Node的一个静态博客框架。通过Hexo我们可以快速创建自己的博客,仅需要几条命令就可以完成。

发布时,Hexo可以部署在自己的Node服务器上面,也可以部署github上面。对于个人用户来说,部署在github上好处颇多,不仅可以省去服务器的成本,还可以减少各种系统运维的麻烦事(系统管理、备份、网络)。所以,基于github的个人站点,正在开始流行起来…

Hexo的官方网站:http://hexo.io/,也是基于Github构建的网站。

废话不多说,直接上干货!

Hexo安装

系统环境:

- win7 64bit

- node v0.10.5

- npm 1.2.19

Hexo安装,要用全局安装,加-g参数。

$ npm install -g hexo-cli

查看hexo的版本

利用Hexo搭建属于自己的博客_第1张图片

本地部署Hexo

新建一个存放博客目录的文件夹,例如:blog

进入到blog文件夹 hexo init blog 然后 npm install,博客安装完毕

hexo s 启动博客

打开浏览器http://127.0.0.1:4000/即可访问

利用Hexo搭建属于自己的博客_第2张图片

出现了默认的网页界面,是不是很容易呢!

主题

个人觉得 Next主题NexT 是目前最清爽,集成度最好的一个,NexT主题是我接触Hexo的第一款主题,一见钟情的一款Hexo主题。

虽然NexT主题简约却并不简单,功能特性多样;响应式设计,电脑手机访问体验好,超级nice!

如果结合你自己网站的实际增删改其中一些细节,那更加prefect了。

利用Hexo搭建属于自己的博客_第3张图片

NexT相关教程:http://theme-next.iissnan.com/

Hexo的使用

创建新文章

我们开始新博客了,创建第一博客文章。Hexo建议通过命令行操作,当然你也可以直接在_posts目录下创建文件。

通过命令创建新文章

$ hexo new 【搭建Hexo博客】简明教程

INFO  Created: D:\blog\source\_posts\【搭建Hexo博客】简明教程.md

在_posts目录下,就会生成文件:

利用Hexo搭建属于自己的博客_第4张图片

关于markdown语法写文章可以自行到网上搜索,这里就不想详细介绍了。

发布项目到github

静态化处理

写完了文章,我们就可以发布了。要说明的一点是hexo的静态博客框架,那什么是静态博客呢?静态博客,是只包含html, javascript, css文件的网站,没有动态的脚本。虽然我们是用Node进行的开发,但博客的发布后就与Node无关了。在发布之前,我们要通过一条命令,把所有的文章都做静态化处理,就是生成对应的html, javascript, css,使得所有的文章都是由静态文件组成的。

静态化命令

利用Hexo搭建属于自己的博客_第5张图片

在本地目录下,会生成一个public的目录,里面包括了所有静态化的文件。

发布到github

接下来,我们把这个博客发布到github。

在github中创建一个项目nodejs-hexo,项目地址:https://github.com/scorpiodeng/nodejs-hexo.git

如何将你的github仓库部署到github pages

http://http://blog.csdn.net/CherishLyf/article/details/48681545

设置域名

接下来,我们配置好域名,这个路径就会正确的。比如,我有一个域名是 scorpiodeng.me,为了中国DNS解析,我先把域名绑定在Dnspod管理,再做跳转。

域名有两种配置方式:

主域名绑定:直接绑定主域名XXX.me

子域名绑定:绑定子域名blog.XXX.me

主域名绑定

在dnspod控制台,设置主机记录@,类型A,到IP 192.30.252.153。

利用Hexo搭建属于自己的博客_第6张图片

在github项目中,新建一个文件CNAME,文件中写出你要绑定的域名,通过浏览器,访问http://XXX.me,就打开了我们建好的博客站点。

子域名绑定

有时候,我们的主域名正在使用着,需要先新建一个博客绑定到子域名。

在dnspod控制台,我们要做3步设置。

设置主机记录github,类型A,到IP 199.27.76.133

设置主机记录XXX.github.io,类型CNAME,到github.XXX.me.

设置主机记录blog,类型CNAME,到 XXX.github.io

由于每次执行发布的时候,gh-pages分支所有的文件都会被覆盖,所以我们最好在source目录下创建这个CNAME文件,这样每次部署就不用动手创建了。

你可能感兴趣的:(利用Hexo搭建属于自己的博客)