部分插件用法及测试

文章发布时间:

最后更新时间:

文章总字数:
570

预计阅读时间:
2 分钟

摘要

本文记录了部分已经安装的实用插件及它们的用法

BiliBili视频卡片插件

Github链接

使用：
在markdown文件中插入以下片段： 

1
{% bilicard your_video_id %}

your_video_id 是b站的bv号或av号。

测试:

00:20:05

【直播二周年】Defanive的生存世界游览！

2.3万 583

折叠插件

Github链接

使用：
在Markdown文件中插入以下片段： 

1
2
3
{% collapse(btn|link|card) HINT_SHOW HINT_HIDE %}
content
{% endcollapse(btn|link|card) %}

隐藏按钮测试：

隐藏按钮测试

1
2
3
{% collapsebtn "点击显示" "点击隐藏" %}
隐藏按钮测试
{% endcollapsebtn %}

隐藏链接测试：

显示隐藏

隐藏链接测试

1
2
3
{% collapselink 显示 隐藏 %}
隐藏链接测试
{% endcollapselink %}

隐藏卡片测试：

>
展开收起

隐藏卡片测试

1
2
3
{% collapsecard 展开 收起 %}
隐藏卡片测试
{% endcollapsecard %}

嵌套隐藏测试：

>
展开收起
显示隐藏

嵌套测试

1
2
3
4
5
{% collapsecard 展开 收起 %}
{% collaspelink 显示 隐藏 %}
嵌套测试
{% endcollapselink %}
{% endcollapsecard %}

Steam游戏信息卡片插件

Github链接

使用：
在Markdown文件中插入以下片段：
单款游戏： 

1
{% steamgame appid description %}

多款游戏： 

1
2
3
4
5
6
7
8
{% steamgames %}
appid
appid
appid
appid
appid
appid
{% endsteamgames %}

测试：

提示插件

Github链接

使用：
在Markdown文件中插入以下片段： 

1
2
{% hint 'body_text' 'hint_text' %}
{% hint 'body_text' 'hint_text_1st_line' 'hint_text_2nd_line' ... %}

测试：
本博客基于 Hexo

视频插件

Github链接

使用：
在固定目录放置好webm视频文件，并在Markdown中插入以下片段：

1
{% html5video 50% 200px video/webm %} /vid/big-buck-bunny_trailer.webm {% endhtml5video %}

测试：

SimpleIcon插件

Github链接

使用：
在Markdown中插入如下片段：

1
{% icon IconName %}

其中，IconName即图标名称，可在SimpleIcon找到

KBD插件

使用：
在Markdown中插入如下片段：

Github链接

1
2
{% kbd Ctrl %} + {% kbd A %}
{% kbd Ctrl %} + {% kbd ALT %} + {% kbd DELETE %}
Ctrl + A Ctrl + ALT + DELETE

主题自带标签

使用：
在Markdown中插入如下片段：

1
2
3
{% note/warning/success/failure/detail [title] [open/fold] [color] %}
content
{% end[note/warning/success/failure/detail] %}

示例：

1
2
3
{% note 标题 open green %}
内容
{% endnote %}
标题

内容

≡