页面与文章基本配置

Page Front-matter

---
title:
date:
type:
updated:
comments:
description:
keywords:
top_img:
mathjax:
katex:
aside:
aplayer:
highlight_shrink:
---
标签 解释
title [必需] 页面标题
date [必需] 页面创建日期
type [必需] 标题、分类和友情链接三个页面需要配置
updated [可选] 页面更新日期
comments [可选] 显示页面评论模块(默认true)
description [可选] 页面显示
keywords [可选] 该页面关键字
top_img [可选] 页面顶部图片
mathjax [可选] 显示mathjax(当设置mathjax的per_page: false时，才需要配置，默认 false)
katex [可选] 显示katex(当设置katex的per_page: false时，才需要配置，默认 false)
aside [可选] 显示侧边栏(默认true)
aplayer [可选] 在需要的页面加载aplayer的js和css,请参考文章下面的 音乐 配置
highlight_shrink [可选] 配置代码框是否展开(true/false)(默认为设置中highlight_shrink的配置)

Post Front-matter

---
title:
date:
updated:
tags:
categories:
keywords:
description:
top_img:
comments:
cover:
toc:
toc_number:
toc_style_simple:
copyright:
copyright_author:
copyright_author_href:
copyright_url:
copyright_info:
mathjax:
katex:
aplayer:
highlight_shrink:
aside:
---
标签 解释
title [必需] 文章标题
date [必需] 文章创建日期
updated [可选] 文章更新日期
tags [可选] 文章标签
categories [可选] 文章分类
keywords [可选] 文章关键字
description [可选] 文章描述
top_img [可选] 文章顶部图片
comments [可选] 显示文章评论模块(默认 true)
cover [可选] 文章缩略图(如果没有设置top_img,文章页顶部将显示缩略图，可设为false/图片地址/留空)
toc [可选] 显示文章TOC(默认为设置中toc的enable配置)
toc_number [可选] 显示toc_number(默认为设置中toc的number配置)
toc_style_simple [可选] 显示toc简洁模式
copyright [可选] 显示文章版权模块(默认为设置中post_copyright的enable配置)
copyright_author [可选] 文章版权模块的 文章作者
copyright_author_href [可选] 文章版权模块的 文章作者链接
copyright_url [可选] 文章版权模块的 文章链接
copyright_info [可选] 文章版权模块的 版权声明©
mathjax [可选] 显示mathjax(当设置mathjax的per_page: false时，才需要配置，默认 false)
katex [可选] 显示katex(当设置katex的per_page: false时，才需要配置，默认 false)
aplayer [可选] 在需要的页面加载aplayer的js和css,请参考文章下面的 音乐 配置
highlight [可选] 配置代码框是否展开(true/false)(默认为设置中highlight_shrink的配置)
aside [可选] 显示侧边栏(默认true)

外挂

NOTE

{% note simple %}
默认 提示块标籤
{% endnote %}

{% note default simple %}
default 提示块标籤
{% endnote %}

{% note primary simple %}
primary 提示块标籤
{% endnote %}

{% note success simple %}
success 提示块标籤
{% endnote %}

{% note info simple %}
info 提示块标籤
{% endnote %}

{% note warning simple %}
warning 提示块标籤
{% endnote %}

{% note danger simple %}
danger 提示块标籤
{% endnote %}

默认 提示块标籤

default 提示块标籤

primary 提示块标籤

success 提示块标籤

info 提示块标籤

warning 提示块标籤

danger 提示块标籤

{% note [color] [icon] [style] %}
Any content (support inline tags too.io).
{% endnote %}
名称 用法
color [可选]顔色
(default / blue / pink / red / purple / orange / green)
icon [可选]可配置自定义 icon (只支持 fontawesome 图标, 也可以配置 no-icon )
style [可选]可以覆盖配置中的 style
（simple/modern/flat/disabled）		 
{% note 'fab fa-cc-visa' simple %}
你是刷 Visa 还是 UnionPay
{% endnote %}
{% note blue 'fas fa-bullhorn' simple %}
2021年快到了....
{% endnote %}
{% note pink 'fas fa-car-crash' simple %}
小心开车 安全至上
{% endnote %}
{% note red 'fas fa-fan' simple%}
这是三片呢？还是四片？
{% endnote %}
{% note orange 'fas fa-battery-half' simple %}
你是刷 Visa 还是 UnionPay
{% endnote %}
{% note purple 'far fa-hand-scissors' simple %}
剪刀石头布
{% endnote %}
{% note green 'fab fa-internet-explorer' simple %}
前端最讨厌的浏览器
{% endnote %}

你是刷 Visa 还是 UnionPay

2021年快到了….

小心开车 安全至上

这是三片呢？还是四片？

你是刷 Visa 还是 UnionPay

剪刀石头布

前端最讨厌的浏览器

Label

高亮所需文字

{% label text color %}
参数 解释
text 文字
color [可选]背景颜色，默认default
default/blue/red/pink/purple/green

timeline

显示时间线框架

{% timeline title,color %}
<!-- timeline title -->
xxxxx
<!-- endtimeline -->
<!-- timeline title -->
xxxxx
<!-- endtimeline -->
{% endtimeline %}
参数 解释
title 标题/时间线
color timeline 顏色
default(留空)/blue/red/pink/purple/green

Demo

{% timeline 2022 %}
<!-- timeline 01-02 -->
这是测试页面
<!-- endtimeline -->
{% endtimeline %}

2022

01-02

这是测试页面

{% timeline 2022,blue %}
<!-- timeline 01-02 -->
这是测试页面
<!-- endtimeline -->
{% endtimeline %}

2022

01-02

这是测试页面

{% timeline 2022,pink %}
<!-- timeline 01-02 -->
这是测试页面
<!-- endtimeline -->
{% endtimeline %}

2022

01-02

这是测试页面

{% timeline 2022,red %}
<!-- timeline 11-05 -->
这是测试页面
<!-- endtimeline -->
{% endtimeline %}

2022

11-05

这是测试页面

{% timeline 2022,purple %}
<!-- timeline 11-05 -->
这是测试页面
<!-- endtimeline -->
{% endtimeline %}

2022

11-05

这是测试页面

Quick Start

Create a new post

$ hexo new "My New Post"

More info: Writing

Run server

$ hexo server

More info: Server

Generate static files

$ hexo generate

More info: Generating

Deploy to remote sites

$ hexo deploy

More info: Deployment