搭建和使用HEXO个人博客

hexo是一款依赖于node.js的个人博客系统,所以安装它的时候我们是需要用到node.js
根据HEXO官方的做法是,先下载所需环境,就是Git和node-js,先通过yum来下载并安装这两个东西

一、HEXO所需依赖环境和组件的下载和安装

1
# yum -y install git nodejs

下载安装完后,通过官网给的命令来下载安装HEXO博客系统

1
# npm install -g hexo-cli

HEXO初始化配置

下载安装完后,先创建个专门存放web的文件夹

1
# mkdir /www

然后进到这个www文件夹中

1
# cd www

然后初始化hexo

1
hexo inint blog

这个时候你会发现www文件夹中多了一个blog的文件夹,这个时候进到blog文件夹中新建所需文件

1
2
3
4
# ls  
blog
# cd blog
# npm install

新建所需文件完后,blog文件夹的目录如下:

1
2
3
4
5
6
7
├── _config.yml  
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes

网站文件创建及修改

这个时候可以先给网站取个名字,对全局配置文件进行配置

1
2
3
# ls  
_config.yml package.json scaffolds source themes
# vi _config.yml

1

1
2
3
4
title --》网站名称   
author --》 网站左侧图像底下的名字
language--》 网站语言设置
timezone --》时区时间

2

在_config.yml里配置这一段,可以达到修改网站端口的效果

1
2
3
4
server:  
porrt:80
compress: true
header:true

3
修改theme这一行,可以更换主题
theme冒号后面的改成下载的主题的名字。
如果想要插入PDF文件,就需要下载PDF插件
到官网里可以找到这个插件
然后安装它

1
npm install hexo-pdf

然后用html语言将PDF插进去即可

1
<embed src="PersonalResume/PersonalResume.pdf" width="1500" height="1300" align="TOP"></embed>

如果需要创建about页,可以使用以下命令

1
# hexo new page about

创建好后,about页就能用了
当所有文件都配置好后,使用以下命令来调试

1
# hexo s  //s = server

调试完后,没问题,可以通过以下命令来生成HTML静态网页文件

1
# hexo g //g = generate = Generate static files

静态网站生成好后,可以放在Nginx上用了,至于如何使用Nginx来部署静态网页,可以查看我的文章《使用Nginx搭建静态HTML网站》

关注我的公众号吧~戴戴的Linux

文章目录
  1. 1. hexo是一款依赖于node.js的个人博客系统,所以安装它的时候我们是需要用到node.js
  2. 2. 根据HEXO官方的做法是,先下载所需环境,就是Git和node-js,先通过yum来下载并安装这两个东西
  • 一、HEXO所需依赖环境和组件的下载和安装
  • HEXO初始化配置
  • 网站文件创建及修改


  • 本站总访问量 本文总阅读量