Hexo-搭建和配置全教程

2020-05-18 本文已影响0人 xlinyao

前言

现在市面上的博客很多，如CSDN，博客园，简书，知乎等平台，可以直接在上面发表，用户交互做的好，写的文章百度也能搜索的到。缺点是比较不自由，会受到平台的各种限制和恶心的广告。生命诚可贵,爱情价更高,若为自由故，两者皆可抛。作为一名热爱自由的IT人，生命不息，折腾不止，选择了自建博客这条不归路。经过一番对比，最终选择了hexo和阿里云ECS来搭建博客。

hexo 简介

Hexo是一个简单地、轻量地、基于Node.js的一个静态博客框架，可以方便的生成静态网页。
Hexo的作者是一名台湾的大学生@tommy351 ,引用Hexo作者的话：

快速、简洁且高效的博客框架
A fast, simple & powerful blog framework

其Gihub的地址为：https://github.com/hexojs/hexo
Hexo的官网地址为：https://hexo.io/zh-cn

Hexo的特点：
1、基于nodejs，易于安装。
2、超快速度，Node.js 所带来的超快生成速度，让上百个页面在几秒内瞬间完成渲染。
3、支持markdown，Hexo 支持 GitHub Flavored Markdown 的所有功能，甚至可以整合 Octopress 的大多数插件。
4、一键部署，只需一条指令即可部署到 GitHub Pages, Heroku 或其他平台。
5、插件和可扩展性，强大的 API 带来无限的可能，与数种模板引擎（EJS，Pug，Nunjucks）和工具（Babel，PostCSS，Less/Sass）轻易集成。

安装nodejs

下载nodejs

wget https://npm.taobao.org/mirrors/node/v12.16.1/node-v12.16.1-linux-x64.tar.xz

解压

tar -xvf node-v12.16.1-linux-x64.tar.xz

关联

ln -s /www/node-v12.16.1-linux-x64/bin/node /usr/local/bin/node
ln -s /www/node-v12.16.1-linux-x64/bin/npm /usr/local/bin/npm

测试

出现如下结果，表示安装成功

[root@localhost ~]# node -v
v12.16.1
[root@localhost ~]# npm -v
6.13.4

搭建hexo

前面git和nodejs安装好后，就可以安装hexo了。需要经过如下的几个步骤:

安装hexo脚手架

安装

[root@localhost ~]# npm install hexo-cli -g --registry https://registry.npm.taobao.org

注:参数--registry https://registry.npm.taobao.org 指定淘宝源，可以选择不使用

测试

[root@localhost ~]# hexo -v
hexo-cli: 3.1.0
os: Linux 3.10.0-327.el7.x86_64 linux x64
node: 12.16.1
v8: 7.8.279.23-node.31
uv: 1.34.0
zlib: 1.2.11
brotli: 1.0.7
ares: 1.15.0
modules: 72
nghttp2: 1.40.0
napi: 5
llhttp: 2.0.4
http_parser: 2.9.3
openssl: 1.1.1d
cldr: 35.1
icu: 64.2
tz: 2019c
unicode: 12.1

如果输入hexo -v，出现-bash: hexo: command not found, 则在终端中输入如下命令即可:
echo -e "export PATH= $(npm prefix -g)/bin:$ PATH" >> ~/.bashrc && source ~/.bashrc

初始化hexo博客

[root@localhost ~]#hexo init blog

blog为博客目录，名字可以随意指定。
初始化过程中需要通过git下载配置文件以及默认主题，故需要提前安装和配置好git环境

安装依赖

[root@localhost ~]#cd blog
[root@localhost blog]#npm install

启动服务

[root@localhost blog]#hexo server
INFO  Start processing
INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

在浏览器中输入http://localhost:4000, 如果能看到如下界面，祝贺你，hexo已经初步搭建成功，接下来就是优化和美化

Hexo服务优化

通过hexo server 启动服务，Hexo 会监视文件变动并自动更新，您无须重启服务器，此种方式一般适用于开发环境。通常情况下，Hexo会将生成的文件放入 public 文件夹内的，我们只需要能让服务器访问到public文件即可，这里我们选用nginx作为代理服务器。
安装nginx的方式有很多，我们采用yum方式进行安装，具体步骤如下:

添加nginx源

[root@localhost ~]rpm -ivh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm

安装nginx

[root@localhost ~]yum install -y nginx

启动nginx

[root@localhost ~]systemctl start nginx

开机启动nginx

[root@localhost ~]systemctl enable nginx

nginx默认端口是80，如果该端口没有被其他程序占用，则在浏览器输入localhost或http://ip ,出现如下界面，说明nginx安装成功

将nginx默认的路径修改为咱们自己的public路径即可，具体如下图所示,到此我们的个人博客就搭建完成了。

博客虽然有了，但是还不是特别美观，后续的文章中将继续介绍美化我们的博客，敬请关注！