Hexo的认识及使用技巧

Hexo是什么

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

使用技巧

创建文章

$ hexo new [layout] "post-name"

创建page

$ hexo new page xxx

设置显示摘录

• ./themes/next/_config.yml 找到 auto_excerpt : 改为 true。

auto_excerpt:
  enable: true
  length: 150

此设置打开后，hexo会自动截取文章前150字符长的内容作为摘录，不推荐使用。

• 手动截取

<!-- more -->

在每篇文章想要截取的地方添加，推荐使用。

图片等资源文件的使用方式

• 简单的方式：
  资源（Asset）代表 source 文件夹中除了文章以外的所有文件，例如图片、CSS、JS 文件等。如果Hexo项目中只有少量图片，可以将它们放在 source/images 文件夹中。然后通过类似于 [图片上传失败...(image-b63fc9-1527650669028)] 的方法访问它们，此种引用方式可能造成在首页或者归档中展示出现问题。

• 更合理的方式：
  将 ./_config.yml 文件中的 post_asset_folder 选项设为 true ，以打开资源文件管理功能。此后每次通过 hexo new [layout] <title> 命令创建新文章时Hexo会自动创建一个文章同名的文件夹。将所有与文章有关的资源放在这个关联文件夹中之后，以以下方式引用：

{% asset_img example.jpg This is an example image %}

创建 categories

• 1. 创建 categories 的 page

$ hexo new page categories

• 2. 设置 categories

---
title: Categories
date: 2018-05-30 16:10:39
type: "categories"
---

• 3. 在文章的使用

---
layout: '[layout]'
title: Hexo+github+NexT > 更漂亮的博客
date: 2018-05-23 00:11:55
tags:
categories:
  - 博客搭建系列
---

设置图片大小

使用 html 的 img 标签，height 不设置，根据设置的 width 按照比例自动缩放。

<img src="./app.png" width = "300" alt="App Home" align=center />