Hexo

Hexo - Frontmatter

Front-matter is the text on top of a static page used to help categorize or define the page being setup. Aka MetaData.

Here is a sample

---
categories: Hexo
description: Front-matter is the text on top of a static page used to help define or categorize the page being setup. Aka MetaData
title: Hexo - Frontmatter
date: 2024-01-07 16:43:46
tags:
---

Notice - 3 dashes, then a set of Attribute:Value pairs - one per row, finally a set of 3 dashes. The rest is the page being generated.

The attributes called ‘Settings’ are defined both by Hexo, and additionally by the theme you are using, and (I believe) by the Plugin’s you have integrated into your hexo website.

These settings tend to be case sensitive. Author and author are different. Be sure to use the correct case.

Here are some of the settings:

author

Found in: Corporate

This is the person who wrote this page. … or the person taking credit for this page.

Sample 1

1
author: Mark Wachdorf, ChatMate

Adds the author has part of the banner of that document.

categories:

Most hexo themes will have a main page which shows one or more blog entrys, and then off to the left or the right will be a list of categories. These categories will allow you to view just blog entries associated with that categories.

Sample 1

1
categories: SSRS

This creates a category called SSRS

Sample 2

1
2
categories: 
- [ASP.Net, Controls]

This creates a category called ASP.Net, and a subcategory called Controls.

Sample 3

Note the notation of categories: on one row and the dash folled by [x,y], is known as a list. If I wanted to file this article under multiple categories then I would add another rule underneith using dash followed by the categories

1
2
3
4
5
categories:
- [Sports, Baseball]
- [MLB, American League, Boston Red Sox]
- [MLB, American League, New York Yankees]
- Rivalries

date:

description:

Found on the Corporate theme.

This is a tag which when set to true will add the page to a Featured section.

lede:

Found on the Corporate theme.

Some text that will appear by the thumnail in the blog page.

tags:

thumbnail:

Found on the Corporate theme.

Specify a graphic here. It puts a graphic on top of the page.

Note

1
thumbnail: ../Dream-0102-The-Ambassador/Fax2.jpg

Creates the following: 

1
<img src="/../Dream-0102-The-Ambassador/Fax2.jpg" class="img-responsive">

To make this work

  1. in the public folder, find the file. Then create a folder with the same name.
  2. Add the graphic
  3. Add to frontmatter - thumbnail: /2024/03/03/Dream-0102-The-Ambassador/Dream-0102-The-Ambassador/Fax2.jpeg
  4. Add an image to the top of the document- <!–swig6–>
  5. Execute hexo generate

title:

More Information