【Hexo插件系列】 常用tag

buttion标签

1
{% btn #, Text %}
Text Text Text & Title Text & Icon (fixed width)

note标签

1
2
3
4
5
6
{% note success %}
success **欢迎**[note](.)
{% endnote %}
{% note danger %}
danger **欢迎**[note](.)
{% endnote %}

success 欢迎note

danger 欢迎note

评价
note标签在theme-next中集成。它是
blockquote的强化版。额外增加了:
主题: simple, modern, flat
色系+图标: default(灰色), primary(紫色), info(蓝色), success(绿色), warning(黄色), danger(红色)

注意: 不要写在一行,避免渲染错误

建议
采用更优雅的方式,比如>danger的方式,继承markdown的blockquote

label标签

1
Lorem {% label default@ipsum %} {% label primary@dolor sit %}.

Lorem ipsum dolor sit.

色系: 与note相同

只是添加了颜色而已吧,搞这么复杂。

tab标签

1
2


This is Tab 1.
b = 1
c = 2
b + c

b + c = 3

This is Tab 3.

extrul标签

1
{% exturl Hexo Theme Next https://github.com/iissnan/hexo-theme-next/ %}
Hexo Theme Next

评价: 不如直接写html,比如下面的例子

1
2
<i class="fa fa-external-link"></i>
[<i class="fa fa-external-link">link to </i>](ss)

类似的bootstrap标签

chat标签

hexo-tag-chat,under construction.

雷军
文字狱是清朝哪位皇帝兴起的;
雷军
康熙
雷军
拼音中四声起于;
雷军

TODO:

  • 用icon还是用头像?icon可以用foneawesome,头像限制比较多
  • 丰富头像库

</i>

</i>

</i>

instagram标签

hexo-tag-instagram 将 Instagram元素嵌入Hexo博客

1
2
3
4
5
6
7
8
# 1. 默认配置 width:100%, captioned:true
{% instagram url:https://www.instagram.com/p/Bg71nq4HuAU/ %}
# 或
{% instagram Bg71nq4HuAU %}
# 2. 无标题 + 调整尺寸
{% instagram false Bg71nq4HuAU 60% %}
# 或
{% instagram captioned:false id:Bg71nq4HuAU width:60% %}