Hexo 初体验搭建到部署使用**超快速度：**Node.js 所带来的超快生成速度，让上百个页面在几秒内瞬间完成渲染

背景

作为一枚标准的程序员，虽然有道云笔记记了不少，但是一直没有自己的 Blog，原计划想使用 Spring-boot 去搭建一个的，但是比较复杂，也因为个人比较懒，一直搞得半半拉拉，没有出来，但是倒腾还是有效果的，无意之前发现 Hexo，就来捣鼓一下，发现还很好用，正好满足了自己的需求，好，闲话不多说，还是进入正题，从零还是搭建个人博客

Hexo 快速、简洁且高效的博客框架

主页：hexo.io/zh-cn/ **超快速度：**Node.js 所带来的超快生成速度，让上百个页面在几秒内瞬间完成渲染。 **支持 Markdown：**Hexo 支持 GitHub Flavored Markdown 的所有功能，甚至可以整合 Octopress 的大多数插件。 **一键部署：**只需一条指令即可部署到 GitHub Pages, Heroku 或其他网站。 **丰富的插件：**Hexo 拥有强大的插件系统，安装插件可以让 Hexo 支持 Jade, CoffeeScript。

废话说多了，下面开始搭建

Hexo 搭建

安装 nodejs 这个就不多说了，直接贴上官网，下载安装即可
安装 hexo
```
# 安装hexo 脚手架
npm install hexo-cli -g
# 使用hexo 初始化
hexo init myHexoBlog
# 进入到目录
cd myHexoBlog
# 安装依赖
npm install
# 启动服务
hexo server
```
经过上面的步骤之后，就会发现服务启动了,服务默认启动在 4000 端口，打开浏览器就可以访问了
是不是很激动（~~），但是又发现不是很好看，别急，下面开始基础配置

Hexo 源码结构

先来看下刚才生成的目录

文件/文件夹	说明
_config.yml	配置文件
public	生成的静态文件，这个目录最终会发布到服务器
scaffolds	一些通用的 markdown 模板
source	编写的 markdown 文件，_drafts 草稿文件，_posts 发布的文章
themes	博客的模板，想要好看就得这个

源码结构没啥好说的，简单介绍下就成，下面开始做基本配置和修改风格

Hexo 配置

我这边讲的不多，主要是我的 Blog 配置，配置文件就是项目根目录_config.yml，很多都是默认配置，不需要修改，当然，可以查看官方配置教程根据你自己的需要去配置，上面列的比较详细，这里就不做过多赘述了，下面开始配置

修改网站的基本信息

# 网站标题
title: YangChao's Blog
# 网站副标题
subtitle: 每天记录一点点
# 网站描述
description: 个人网站，个人博客，学习记录，学习笔记
# 网站关键词
keywords: 博客，网站，笔记
# 网站作者，您的名字
author: YangChao
# 网站语言，我这设置的是中文
language: zh-CN
# 网站时区，Hexo 默认使用您电脑的时区，所以这里我不做设置
timezone:

网站地址和标题设置

# 网站地址，因为我是有独立的服务器，所以设置的是我的网址
url: http://yangchao.xyz
# 网站根目录，如果您的网站存放在子目录中，例如 http://yoursite.com/blog，则请将您的 url 设为 http://yoursite.com/blog 并把 root 设为 /blog/。
root: /
# 文章的标题格式
permalink: :year/:month/:day/:id.html
permalink_defaults:

文章的标题格式可以按照设置的规则去自动生成，具体参数可以查看永久连接去了解。

其他的除了主题和 deploy，我没有做任何修改，都保持了默认值，其中 deploy 主要用于部署设置，比如 git，如果你想缺少 money,可以部署到 github，因为本人有个人服务器，所以没有使用该方式，这里也就不做详细讲解了，你可以百度搜索，这类资料还是很多的。

Hexo Themes 主题配置

如果你想要您的博客好看些，Hexo 主题设置则是必须了解的。

找到您喜欢的主题查找主题可以在官方主题中查找，或者直接去 github 搜索 hexo theme 肯定能找到你喜欢的主题
下载安装主题这里我选择了两个主题，分别是hexo-theme-snippet 和 hexo-theme-indigo，在主题地址有安装教程，主要就是把皮肤下载到本地放在 themes 文件夹中，上面的截图中可以看到，然后在_config.yml 中配置该主题
```
# 主题设置为安装的主题，和themes文件夹名称要对应
theme: hexo-theme-indigo
```

Hexo 基本使用/常用命令

下面列出 Hexo 的常用命令，也是我 README.md 里面记录的。

# 起一个本地服务
hexo server
# 生成本地静态文件，可部署
hexo generate
# 部署到git，部署网站
hexo deploy [-g]
#新建一篇文章
hexo new [layout] <title>
#发布草稿
hexo publish [layout] <filename>
#渲染文件
hexo render <file1> [file2] ...
#清除缓存文件
hexo clean

Hexo 部署

部署就比较简单了，一种是通过 hexo deploy 去部署到 git，因为我使用的是服务器，所以首先要先生成静态文件。

执行命令

# 生成本地静态文件，可部署
hexo generate

会在 public 文件夹中生成静态资源，作为静态文件部署到你的服务器就行，可以使用 nginx 代理。

结语

至此，我的 Hexo 个人博客就搭建完成了，但是依然有很多配置，后面会慢慢做补充，这也是我的第一次的开始。

本文地址：[Hexo 初体验搭建到部署使用](yangchao.xyz/2019/07/09/… 信息可以访问我的个人网站，说不定有您想看的

Hexo 初体验 搭建到部署使用

背景