使用Hexo生成自己的博客页主页

Hexo是什么

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

PS:本博客就是用hexo生成的哦!

安装步骤

Hexo是一个开源的静态博客生成器,用node.js开发。所以首先要安装上node.js

首先安装阿里云的epel源。

[root@node4 ~]# cd /etc/yum.repos.d/
[root@node4 yum.repos.d]# wget http://mirrors.aliyun.com/repo/epel-6.repo

安装node.js

[root@node4 yum.repos.d]# yum install nodejs -y

安装node.js的包管理工具npm

[root@node4 yum.repos.d]# yum install npm -y

利用npm来安装hexo

安装hexo的命令行工具

[root@node4 ~]# npm install hexo-cli -g

过程中会下载很多软件包,请耐心等待。

安装hexo主体

[root@node4 ~]# npm install hexo –save


开始部署博客

在root用户的家目录创建个blog目录用来存放博客页面

[root@node4 ~]# mkdir blog

安装(初始化)博客页面

[root@node4 ~]# cd blog/
[root@node4 blog]# hexo init

同样,安装过程也会下载很多的包,请继续耐心等待。

出现如下信息就表示安装成功了

1
INFO  Start blogging with Hexo!

安装成功后会生成如下文件

1
2
3
4
5
6
7
8
9
[root@node4 blog]# ll
total 28
-rw-r--r-- 1 root root 1483 Jul 12 09:43 _config.yml
-rw-r--r-- 1 root root 174 Jul 12 09:52 db.json
drwxr-xr-x 12 root root 4096 Jul 12 09:45 node_modules
-rw-r--r-- 1 root root 448 Jul 12 09:49 package.json
drwxr-xr-x 2 root root 4096 Jul 12 09:43 scaffolds
drwxr-xr-x 3 root root 4096 Jul 12 09:43 source
drwxr-xr-x 3 root root 4096 Jul 12 09:43 themes

这些页面会在以后的文章中详细介绍

下面生成静态页面

[root@node4 blog]# hexo g

最关键的一步来了。hexo自身提供了有WebServer,可以直接使用,或使用nginx将网站目录指向刚才在/root/blog里面生成的public文件夹(public文件夹是使用hexo g命令后才会生成的博客静态页面)

使用Hexo自带的webserver

[root@node4 blog]# hexo s -p 80

使用s表示要启动webserver服务,-p指定端口为80,如果不指定,默认为4000。

然后直接使用http://IP/即可访问我们的博客了。

nginx如何配置,这里就不做介绍了。

示例:

hexo-setup


好了,基本的安装操作就到这里,后面的文章会介绍文章的语法格式与一些进阶操作。

希望本篇文章对你有所帮助,同时欢迎在下面的评论区中进行评论。

分享到 评论