抱歉,您的浏览器无法访问本站

本页面需要浏览器支持(启用)JavaScript


了解详情 >

無名小栈

站点重构中

Front-matter

layout:page

字段 含义 值类型 默认值
layout 布局模版 String post,page,docs
title 页面标题 String -
seo_title 网页标题
( 与 title 共存时,不显示标题 )
String page.title
short_title 页面标题( 在group列表中显示 ) String page.title
date 创建时间 Date 文件创建时间
updated 更新日期 Date 文件修改时间
link 外部文章网址 String -
music 内部音乐控件 [Object] -
robots robots String -
keywords 页面关键词 String -
description 页面描述、摘要 String -
cover 是否显示封面 Bool true
top_meta 是否显示文章或页面顶部的meta信息 Bool true
bottom_meta 是否显示文章或页面底部的meta信息 Bool true
sidebar 页面侧边栏 Bool, Array theme.layout.*.sidebar
body 页面主体元素 Array theme.layout.on_page.body
mathjax 是否渲染公式 Bool, String false
thumbnail 缩略图 String false
icons 图标 Array []
pin 是否置顶 Bool false
headimg 文章头图 url -

layout:post

兼容以上,新增以下特有字段

字段 含义 值类型 默认值
author 文章作者 [Object] config.author
categories 分类 String, Array -
tags 标签 String, Array -
toc 是否生成目录 Bool true

新建文章模板

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
title: 文章名称
seo_title: seo名称
toc: true # 是否生成目录
indent: true # 是否首行缩进
comments: true # 是否允许评论
archive: true # 是否显示在归档
cover: false # 是否显示封面
mathjax: false # 是否渲染公式
pin: false # 是否首页置顶
top_meta: false # 是否显示顶部信息
bottom_meta: false # 是否显示尾部信息
sidebar: [toc] # 侧边栏自定义
tag:
- 标签一
- 标签二
categories: 分组
keywords: 文章关键词
date: 2021-13-13 00:00 # 文章创建日期
updated: 2021-13-13 00:00 # 文章更新日期
description: 文章摘要 # 文章简短概述
icons: [fas fa-fire red, fas fa-star green]
references:
- title: 参考资料名称
url: https://参考资料地址
headimg: https://文章头图
thumbnail: https://右侧缩略图
music: # 右侧音乐播放器
server: netease # netease, tencent, kugou, xiami, baidu
type: song # song, playlist, album, search, artist
id: 16846091 # song id / playlist id / album id / search keyword

标签插件

行内标签

text

下划线 的文本;带 着重号 的文本;带 波浪线 的文本;带 删除线 的文本

键盘样式的文本: + D

密码样式的文本:这里没有验证码

1
2
3
4
5
带 {% u 下划线 %} 的文本;带 {% emp 着重号 %} 的文本;带 {% wavy 波浪线 %} 的文本;带 {% del 删除线 %} 的文本

键盘样式的文本:{% kbd ⌘ %} + {% kbd D %}

密码样式的文本:{% psw 这里没有验证码 %}
span
1
{% span 样式参数, 文本内容 %}

各种颜色的标签,包括:红色黄色绿色青色蓝色灰色

超大号文字:

A Wonderful Theme for Hexo

1
2
3
4
5
各种颜色的标签,包括:{% span red, 红色 %}、{% span yellow, 黄色 %}、{% span green, 绿色 %}、{% span cyan, 青色 %}、{% span blue, 蓝色 %}、{% span gray, 灰色 %}。

超大号文字:

{% span center logo large, Volantis %} {% span center small, A Wonderful Theme for Hexo %}
属性可选值
字体logo, code
颜色red, yellow, green, cyan, blue, gray
大小small, h4, h3, h2, h1, large, huge, ultra
对齐方向left, center, right
p
1
{% p 样式参数, 文本内容 %}

红色

黄色

绿色

青色

蓝色

灰色

A Wonderful Theme for Hexo

1
2
3
4
5
6
7
8
9
{% p red, 红色 %}
{% p yellow, 黄色 %}
{% p green, 绿色 %}
{% p cyan, 青色 %}
{% p blue, 蓝色 %}
{% p gray, 灰色 %}

{% p center logo large, Volantis %}
{% p center small, A Wonderful Theme for Hexo %}
属性可选值
字体logo, code
颜色red, yellow, green, cyan, blue, gray
大小small, h4, h3, h2, h1, large, huge, ultra
对齐方向left, center, right
note

NoteBlockBlockquote 的增强版,在左边显示图标,并且可以自定颜色。而 NoteNoteBlock 的简便写法

1
{% note 样式参数, 文本内容 %}

经典用法

可以在配置文件中设置默认样式,为简单的一句话提供最的简便写法。

note quote 适合引用一段话

note info 默认主题色,适合中性的信息

note warning 默认黄色,适合警告性的信息

note error/danger 默认红色,适合危险性的信息

note done/success 默认绿色,适合正确操作的信息

更多图标

这些都是默认样式,可以手动加上颜色:

note radiation 默认样式

note radiation yellow 可以加上颜色

note bug red 说明还存在的一些故障

note paperclip blue 放置一些附件链接

note todo 待办事项

note guide clear 可以加上一段向导

note download 可以放置下载链接

note message gray 一段消息

note up 可以说明如何进行更新

note undo light 可以说明如何撤销或者回退

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
**经典用法**
{% note, 可以在配置文件中设置默认样式,为简单的一句话提供最的简便写法。 %}
{% note quote, note quote 适合引用一段话 %}
{% note info, note info 默认主题色,适合中性的信息 %}
{% note warning, note warning 默认黄色,适合警告性的信息 %}
{% note danger, note error/danger 默认红色,适合危险性的信息 %}
{% note success, note done/success 默认绿色,适合正确操作的信息 %}

**更多图标**

这些都是默认样式,可以手动加上颜色:

{% note radiation, note radiation 默认样式 %}
{% note radiation yellow, note radiation yellow 可以加上颜色 %}
{% note bug red, note bug red 说明还存在的一些故障 %}
{% note link green, note link green 可以放置一些链接 %}
{% note paperclip blue, note paperclip blue 放置一些附件链接 %}
{% note todo, note todo 待办事项 %}
{% note guide clear, note guide clear 可以加上一段向导 %}
{% note download, note download 可以放置下载链接 %}
{% note message gray, note message gray 一段消息 %}
{% note up, note up 可以说明如何进行更新 %}
{% note undo light, note undo light 可以说明如何撤销或者回退 %}

样式参数位置可以写图标和颜色,多个样式参数用空格隔开

图标

彩色的
1
quote, info, warning, done/success, error/danger
灰色的,也可以指定颜色
1
radiation, bug, idea, link, paperclip, todo, message, guide, download, up, undo

颜色

指定颜色
1
clear, light, gray, red, yellow, green, cyan, blue
checkbox
1
{% checkbox 样式参数( 可选 ), 文本( 支持简单md ) %}

纯文本测试

支持简单的 markdown 语法

支持自定义颜色

绿色 + 默认选中

黄色 + 默认选中

青色 + 默认选中

蓝色 + 默认选中

增加

减少

1
2
3
4
5
6
7
8
9
10
{% checkbox 纯文本测试 %}
{% checkbox checked, 支持简单的 [markdown](https://guides.github.com/features/mastering-markdown/) 语法 %}
{% checkbox red, 支持自定义颜色 %}
{% checkbox green checked, 绿色 + 默认选中 %}
{% checkbox yellow checked, 黄色 + 默认选中 %}
{% checkbox cyan checked, 青色 + 默认选中 %}
{% checkbox blue checked, 蓝色 + 默认选中 %}
{% checkbox plus green checked, 增加 %}
{% checkbox minus yellow checked, 减少 %}
{% checkbox times red checked, 叉 %}

颜色

1
red, yellow, green, cyan, blue

样式

1
plus, minus, times

选中状态

1
checked
radio
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
{% checkbox 样式参数( 可选 ), 文本( 支持简单md ) %}
``
<!-- endtab -->
<!-- tab 效果 -->
{% radio 纯文本测试 %}
{% radio checked, 支持简单的 [markdown](https://guides.github.com/features/mastering-markdown/) 语法 %}
{% radio red, 支持自定义颜色 %}
{% radio green, 绿色 %}
{% radio yellow, 黄色 %}
{% radio cyan, 青色 %}
{% radio blue, 蓝色 %}
<!-- endtab -->
<!-- tab 源码 -->
```md
{% radio 纯文本测试 %}
{% radio checked, 支持简单的 [markdown](https://guides.github.com/features/mastering-markdown/) 语法 %}
{% radio red, 支持自定义颜色 %}
{% radio green, 绿色 %}
{% radio yellow, 黄色 %}
{% radio cyan, 青色 %}
{% radio blue, 蓝色 %}

颜色

1
red, yellow, green, cyan, blue

选中状态

1
checked

增强标签

图片 Image

单张图片
1
2
3
{% image 链接, width=宽度(可选), height=高度(可选), alt=描述(可选), bg=占位颜色(可选) %}

PS: 为了兼顾暗黑模式占位颜色可使用 bg=var(--color-card) 的形式(#ffffff/#282c34)
多张图片
1
2
3
4
{% gallery 参数, 列数 %}
![图片描述](https://xxx1)
![图片描述](https://xxx2)
{% endgallery %}
1
{% link 标题, 链接, 图片链接(可选) %}

用户信息 Ghcard

1
2
{% ghcard 用户名, 其它参数(可选) %}
{% ghcard 用户名/仓库, 其它参数(可选) %}

栏目 Tab

1
2
3
4
5
6
7
8
{% tabs 页面内不重复的ID %}
<!-- tab 栏目1 -->
内容
<!-- endtab -->
<!-- tab 栏目2 -->
内容
<!-- endtab -->
{% endtabs %}

折叠框 Folding

1
2
3
{% folding 参数(可选), 标题 %}
![](https://cdn.jsdelivr.net/gh/volantis-x/cdn-wallpaper/abstract/41F215B9-261F-48B4-80B5-4E86E165259E.jpeg)
{% endfolding %}

参数位置可以填写颜色和状态,多个参数用空格隔开

颜色

1
blue, cyan, green, yellow, red

状态
状态填写 open 代表默认打开