【Hexo插件系列】 常用tag

buttion标签

{% btn #, Text %}

Text Text Text & Title Text & Icon (fixed width)

• 为什么要采用 #, ,, & 作为分隔符?
• title的作用是什么？hover text吗？貌似没这功能
• 相关issue & 更多用法: https://github.com/iissnan/hexo-theme-next/pull/1328

note标签

note标签在theme-next中集成，它是blockquote的强化版，额外增加了一些样式

• 主题: simple, modern, flat
• 色系&图标: default(灰色), primary(紫色), info(蓝色), success(绿色), warning(黄色), danger(红色)

用法 & 示例

{% note success %}
success **欢迎**[note](.)
{% endnote %}

success 粗体 链接 无图标

success 粗体 链接 文本

info 粗体 链接 文本

warning 粗体 链接 文本

danger 粗体 链接 文本

建议: 采用更优雅的方式，比如>warning的方式，继承markdown的blockquote

label标签

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

Lorem ipsum dolor sit.

• theme-next中集成
• 相关issue & usage: https://github.com/iissnan/hexo-theme-next/pull/1697

色系: 与note相同

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

tab标签

• code 1
• solution 2
• First unique name 3

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

b + c = 3

This is Tab 3.

• theme-next中集成
• 能不能采用更简洁的用法？为什么要采用html注释的方式？
• tab内貌似不能放code block
• 相关issue: https://github.com/iissnan/hexo-theme-next/pull/1697

extrul标签

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

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

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

update: 貌似已经废弃

类似的bootstrap标签

• http://www.hahack.com/hexo-theme-wixo/Docs/tag-plugins-cn/ 挺赞
• https://github.com/wzpan/hexo-tag-bootstrap

chat标签

hexo-tag-chat，under construction.

文字狱是清朝哪位皇帝兴起的;

康熙

拼音中四声起于;

元

TODO:

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

instagram标签

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

# 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% %}