dplayer options:
'autoplay', 'loop', 'screenshot', 'hotkey', 'mutex', 'dmunlimited' : bool options, use "yes" "y" "true" "1" "on" or just without value to enable
'preload', 'theme', 'lang', 'logo', 'url', 'pic', 'thumbnails', 'vidtype', 'suburl', 'subtype', 'subbottom', 'subcolor', 'subcolor', 'id', 'api', 'token', 'addition', 'dmuser' : string arguments
'volume', 'maximum' : number arguments
container options:
'width', 'height' : string, used in container element style
other:
'code' : value of this key will be append to script tag
```%flow #去掉%号
st=>start: Start|past:>https://lruihao.cn[blank]
e=>end: End:>https://www.lruihao.cn[blank]
op1=>operation: My Operation|past
op2=>operation: Stuff|current
sub1=>subroutine: My Subroutine|invalid
cond=>condition: Yes
or No?|approved:>/hexo/nextplugin.html
c2=>condition: Good idea|rejected
io=>inputoutput: catch something...|request
st->op1(right)->cond
cond(yes, right)->c2
cond(no)->sub1(left)->op1
c2(yes)->io->e
c2(no)->op2->e
```
1.8 hexo-spoiler
1
npm install hexo-spoiler --save
If hexo can’t detect this plugin automatically, you need to modify the plugins section of [path_to_your_site]/_config.yml manually, like:
1
2
plugins:- hexo-spoiler
1
{% spoiler [text] %}
It will pixelate your text, and click to reveal. Click again to hide your text again.
But you need to add <br> manually if you want line breaks after/before it.
目前在 next 中可能引起部分 css 冲突,建议在 next 中使用在单个页面中。 依赖于 jQuery,一行 js 可以引入播放器插件。
3 caniuse
3.1 使用
1
2
3
4
5
6
{% caniuse feature @ periods %}
<!-- Tag Alias -->{% can feature @ periods %}
feature : Search for the feature you want on https://caniuse.com, then click on the hash sign to the left of the search result heading and you will get the unique name of this feature.
periods : Select the browser versions to display. Supported values: past_1, past_2, past_3, past_4, past_5, current, future_3, future_2, future_1. If this value is empty, the default value 'current' will be used.
{% tabs Unique name, [index] %}
<!-- tab [Tab caption] [@icon] -->Any content (support inline tags too).
<!-- endtab -->{% endtabs %}
Unique name : Unique name of tabs block tag without comma.
Will be used in #id's as prefix for each tab with their index numbers.
If there are whitespaces in name, for generate #id all whitespaces will replaced by dashes.
Only for current url of post/page must be unique!
[index] : Index number of active tab.
If not specified, first tab (1) will be selected.
If index is -1, no tab will be selected. It's will be something like spoiler.
Optional parameter.
[Tab caption] : Caption of current tab.
If not caption specified, unique name with tab index suffix will be used as caption of tab.
If not caption specified, but specified icon, caption will empty.
Optional parameter.
[@icon] : FontAwesome icon name (without 'fa-' at the begining).
Can be specified with or without space; e.g. 'Tab caption @icon' similar to 'Tab caption@icon'.
Optional parameter.
1
2
3
4
5
6
7
8
9
10
11
{% tabs tab,2 %}
<!-- tab -->this is tab1
<!-- endtab --><!-- tab -->this is tab2
<!-- endtab --><!-- tab -->this is tab3
<!-- endtab -->{% endtabs %}
{% tabs Fourth unique name %}
<!-- tab Solution 1 -->**This is Tab 1.**<!-- endtab --><!-- tab Solution 2 -->**This is Tab 2.**<!-- endtab --><!-- tab Solution 3 -->**This is Tab 3.**<!-- endtab -->{% endtabs %}
9 note 便签
主题配置文件搜索 note, 可设置风格和图标是否显示。
1
2
3
4
5
6
7
8
9
10
11
12
13
# Note tag (bs-callout).
note:
# Note tag style values:
# - simple bs-callout old alert style. Default.
# - modern bs-callout new (v2-v3) alert style.
# - flat flat callout style with background, like on Mozilla or StackOverflow.
# - disabled disable all CSS styles import of note tag.
style: flat
icons: true
border_radius: 15
# Offset lighter of background in % for modern and flat styles (modern: -12 | 12; flat: -18 | 6).
# Offset also applied to label tag variables. This option can work with disabled note tag.
light_bg_offset: 0