需要 hexo 整个页面不渲染,只需在 md 文件头部添加

layout: false

预先定义的参数

参数描述默认值
layout布局config.default_layout
title标题文章的文件名
date建立日期文件建立日期
update更新日期文件更新日期
comment开启文章的评论功能true
tag标签(不适用于分页)
categorie分类(不适用于分页)
permalin覆盖文章网址
aside隐藏侧栏false
hidden隐藏当前文章false
hide只在首页隐藏false
excerpPage excerpt in plain text. Usethis pluginto format the text
disableNunjuckDisable rendering of Nunjucks tag{{ }}/{% %}andtag pluginswhen enabled
lanSet the language to overrideauto-detectionInherited from_config.yml
indexing: false排除搜索true

组件

内容1

内容2

loading

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<i class="dot-animation"></i>
dot-animation {
display: inline-block;
height: 1em;
padding-left: 6px;
line-height: 1;
text-align: left;
vertical-align: -0.25ex;
overflow: hidden;
}
.dot-animation::before {
display: block;
content: '. . .\A. .\A.';
white-space: pre-wrap;
animation: dotdotdot 1s infinite step-start both;
}
@keyframes dotdotdot {
33% {
transform: translateY(-2em);
}
66% {
transform: translateY(-1em);
}
}

小张卖力加载中

loading

加载中

success note 提示标签

前端最讨厌的浏览器

Butterfly

success

插入诗歌

1
2
3
4
5
6
7
8
9
10
11
12
{% poem 水調歌頭·明月幾時有,蘇軾 %}
丙辰中秋,歡飲達旦,大醉,作此篇,兼懷子由。
明月幾時有?把酒問青天。
不知天上宮闕,今夕是何年?
我欲乘風歸去,又恐瓊樓玉宇,高處不勝寒。
起舞弄清影,何似在人間?

轉朱閣,低綺戶,照無眠。
不應有恨,何事長向別時圓?
人有悲歡離合,月有陰晴圓缺,此事古難全。
但願人長久,千裏共嬋娟。
{% endpoem %}
星河城野
九歌

野桥行乐两三家
城上春风满海涯
河月平生千万里
星辉遥指武陵车

插入视频

使用 hexo-tag-dplayer 非常简单,只需要在 MarkDown 文件中插入正确的标记就可以了。

1
2
{% dplayer "url=https://dl.sm9.top/Video/2018/KeyCastOW.mp4" %} 

m3u8格式视频

1
2
3
<div style="position: relative; padding: 30% 45%;">
<iframe style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;" src="https://tools.liumingye.cn/m3u8/#https://pan.wuxivlog.cn/view.php/639b71ce154256b289059edd0829bd00.m3u8" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
</div>

更多用法:https://easyhexo.com/3-Plugins-use-and-config/3-2-hexo-tag-dplayer/

1
{% dplayer "url=https://cnbj1.fds.api.xiaomi.com/console/触屏音箱品牌视频.mp4" "pic=https://i1.mifile.cn/f/i/16/chain/aispeaker-touch/aispeaker-touch-04.jpg"  %}
m3u8格式视频

行内块图片

1
2
3
4
5
6
7
8
下面是两张行内块图片
<center><span style="font-size: 1.5rem">匆匆</span><br><span style="font-size: .5rem">作者: 朱自清</span></center>
  燕子去了,有再来的时候;杨柳枯了,有再青的时候;桃花谢了,有再开的时候。但是,聪明的,你告诉我,我们的日子为什么一去不复返呢?——是有人偷了他们罢:那是谁?又藏在何处呢?是他们自己逃走了罢:现在又到了哪里呢?
{% inlineImg https://cdn.h5ds.com/space/files/600972551685382144/20230921/629237890271866880.jpg 140px %}
  我不知道他们给了我多少日子;但我的手确乎是渐渐空虚了。在默默里算着,八千多日子已经从我手中溜去;像针尖上一滴水滴在大海里,我的日子滴在时间的流里,没有声音,也没有影子。我不禁头涔涔而泪潸潸了。
  去的尽管去了,来的尽管来着;去来的中间,又怎样地匆匆呢?早上我起来的时候,小屋里射进两三方斜斜的太阳。太阳他有脚啊,轻轻悄悄地挪移了;我也茫茫然跟着旋转。于是——洗手的时候,日子从水盆里过去;{% inlineImg https://cdn.h5ds.com/space/files/600972551685382144/20230917/627800287859228672.jpg 140px %}吃饭的时候,日子从饭碗里过去;默默时,便从凝然的双眼前过去。我觉察他去的匆匆了,伸出手遮挽时,他又从遮挽着的手边过去,天黑时,我躺在床上,他便伶伶俐俐地从我身上跨过,从我脚边飞去了。等我睁开眼和太阳再见,这算又溜走了一日。我掩着面叹息。但是新来的日子的影儿又开始在叹息里闪过了。
  在逃去如飞的日子里,在千门万户的世界里的我能做些什么呢?只有徘徊罢了,只有匆匆罢了;在八千多日的匆匆里,除徘徊外,又剩些什么呢?过去的日子如轻烟,被微风吹散了,如薄雾,被初阳蒸融了;我留着些什么痕迹呢?我何曾留着像游丝样的痕迹呢?我赤裸裸来到这世界,转眼间也将赤裸裸的回去罢?但不能平的,为什么偏要白白走这一遭啊?
  你聪明的,告诉我,我们的日子为什么一去不复返呢?

下面是两张行内块图片

匆匆
作者: 朱自清

  燕子去了,有再来的时候;杨柳枯了,有再青的时候;桃花谢了,有再开的时候。但是,聪明的,你告诉我,我们的日子为什么一去不复返呢?——是有人偷了他们罢:那是谁?又藏在何处呢?是他们自己逃走了罢:现在又到了哪里呢?

  我不知道他们给了我多少日子;但我的手确乎是渐渐空虚了。在默默里算着,八千多日子已经从我手中溜去;像针尖上一滴水滴在大海里,我的日子滴在时间的流里,没有声音,也没有影子。我不禁头涔涔而泪潸潸了。
  去的尽管去了,来的尽管来着;去来的中间,又怎样地匆匆呢?早上我起来的时候,小屋里射进两三方斜斜的太阳。太阳他有脚啊,轻轻悄悄地挪移了;我也茫茫然跟着旋转。于是——洗手的时候,日子从水盆里过去;吃饭的时候,日子从饭碗里过去;默默时,便从凝然的双眼前过去。我觉察他去的匆匆了,伸出手遮挽时,他又从遮挽着的手边过去,天黑时,我躺在床上,他便伶伶俐俐地从我身上跨过,从我脚边飞去了。等我睁开眼和太阳再见,这算又溜走了一日。我掩着面叹息。但是新来的日子的影儿又开始在叹息里闪过了。
  在逃去如飞的日子里,在千门万户的世界里的我能做些什么呢?只有徘徊罢了,只有匆匆罢了;在八千多日的匆匆里,除徘徊外,又剩些什么呢?过去的日子如轻烟,被微风吹散了,如薄雾,被初阳蒸融了;我留着些什么痕迹呢?我何曾留着像游丝样的痕迹呢?我赤裸裸来到这世界,转眼间也将赤裸裸的回去罢?但不能平的,为什么偏要白白走这一遭啊?
  你聪明的,告诉我,我们的日子为什么一去不复返呢?

Hexo 博客 图片并排显示

1
2
3
4
5
<style>#article-container img{display:inherit!important;float:left;transform:scale(.98)!important}</style>
一行两张
<img style="width:50%!important" src="https://mini.s-shot.ru/1920x1080/PNG/2000/?https://xiaolongmr.github.io"><img style="width:50%!important" src="https://mini.s-shot.ru/1920x1080/PNG/2000/?https://dh.xiadj.cf">
一行三张
<img style="width:33.3%!important" src="https://mini.s-shot.ru/1920x1080/PNG/2000/?https://dh.xiadj.cf"><img style="width:33.3%!important" src="https://mini.s-shot.ru/1920x1080/PNG/2000/?https://xiaolongmr.github.io"><img style="width:33.3%!important" src="https://mini.s-shot.ru/1920x1080/PNG/2000/?https://zl88.github.io">


一行两张

一行三张

pdf 文件

1
{% pdf 文件路径 %}

插入流程图

1
2
3
4
5
6
7
{% mermaid %}
pie title 饼状图示例
"兔子🐇" : 42.96
"鸭梨🍐" : 50.05
"猫🐱" : 10.01
"狗🐕" : 5
{% endmermaid %}

嵌入网页

1
{% iframe 'http://www.9312.net/kltsg.txt' 100% 300px %}

链接

1
{% link 链接名, https://dh.xiadj.cf, https://qiniu.production.link3.cc/profile_images/1693202613621 %}

带首页截图的友情链接

1
2
3
4
5
6
7
8
9
{% sitegroup %}
{% site 夏dj导航站, url=https://xiaolongmr..github.io, screenshot=https://mini.s-shot.ru/1920x1080/PNG/2000/?https://xiaolongmr.github.io, avatar=https://qiniu.production.link3.cc/profile_images/1693202613621, description=方便自己和朋友的一个视传人常用导航网站 %}
{% site 夏dj导航站, url=https://xiaolongmr..github.io, screenshot=https://mini.s-shot.ru/1920x1080/PNG/2000/?https://xiaolongmr.github.io,
description=方便自己和朋友的一个视传人常用导航网站 %}
{% site , url=https://xiaolongmr..github.io, screenshot=https://mini.s-shot.ru/1920x1080/PNG/2000/?https://xiaolongmr.github.io,
description=方便自己和朋友的一个视传人常用导航网站 %}
{% site, url=https://xiaolongmr..github.io, screenshot=https://mini.s-shot.ru/1920x1080/PNG/2000/?https://xiaolongmr.github.io,
description=方便自己和朋友的一个视传人常用导航网站 %}
{% endsitegroup %}

友情链接

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
{% flink %}
- class_name: 推荐博客
flink_style: flexcard
link_list:
- name: 安知鱼
link: https://anheyu.com/
avatar: https://img02.anheyu.com/adminuploads/1/2022/09/15/63232b7d91d22.jpg
descr: 生活明朗,万物可爱
siteshot: https://npm.elemecdn.com/anzhiyu-blog@1.1.6/img/post/common/anheyu.com.jpg

- class_name: 网站
class_desc: 值得推荐的网站
flink_style: anzhiyu
link_list:
- name: Youtube
link: https://www.youtube.com/
avatar: https://i.loli.net/2020/05/14/9ZkGg8v3azHJfM1.png
descr: 视频网站
- name: Weibo
link: https://www.weibo.com/
avatar: https://i.loli.net/2020/05/14/TLJBum386vcnI1P.png
descr: 中国最大社交分享平台
- name: Twitter
link: https://twitter.com/
avatar: https://i.loli.net/2020/05/14/5VyHPQqR6LWF39a.png
descr: 社交分享平台
{% endflink %}

彩色复选框

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, 叉 %}

纯文本测试

支持简单的markdown语法

支持自定义颜色

绿色 + 默认选中

黄色 + 默认选中

青色 + 默认选中

蓝色 + 默认选中

增加

减少

瞎⛏

1
2
3
4
<p class="div-border blue" style="padding: 10px;
border: 1px solid var(--btn-hover-color);
border-radius: .4rem;
background-color: var(--btn-bg);">🎊以下解决方法均来自于互联网</p>

🎊以下解决方法均来自于互联网

分类方法的分歧

分类方法的分歧

如果您有过使用 WordPress 的经验,就很容易误解 Hexo 的分类方式。WordPress 支持对一篇文章设置多个分类,而且这些分类可以是同级的,也可以是父子分类。但是 Hexo 不支持指定多个同级分类。下面的指定方法:

1
2
3
categories:
- Diary
- Life

会使分类Life成为Diary的子分类,而不是并列分类。因此,有必要为您的文章选择尽可能准确的分类。

如果你需要为文章添加多个分类,可以尝试以下 list 中的方法。

1
2
3
4
categories:
- [Diary, PlayStation]
- [Diary, Games]
- [Life]

此时这篇文章同时包括三个分类:PlayStationGames分别都是父分类Diary的子分类,同时Life是一个没有子分类的分类。