【Hexo】标签插件测试

主要是可以自定义一些样式

Hexo标签插件

图片

在文章中插入指定大小的图片。

1
2
3
4
{% img [class names] /path/to/image [width] [height] [title text [alt text]] %}

<!-- 例 -->
{% img img-test /assets/images/avatar/avatar.jpg 150 150 图片测试 %}

NexT内建标签

引用块

1
2
3
4
5
6
7
8
9
<!-- HTML方式: 直接在 Markdown 文件中编写 HTML 来调用 -->
<!-- 其中 class="blockquote-center" 是必须的 -->
<blockquote class="blockquote-center">blah blah blah</blockquote>

<!-- 标签 方式,要求版本在0.4.5或以上 -->
{% centerquote %}blah blah blah{% endcenterquote %}

<!-- 标签别名 -->
{% cq %} blah blah blah {% endcq %}

blah blah blah

突破容器宽度限制的图片

1
2
3
4
5
6
7
8
9
<!-- HTML方式: 直接在 Markdown 文件中编写 HTML 来调用 -->
<!-- 其中 class="full-image" 是必须的 -->
<img src="/image-url" class="full-image" />

<!-- 标签 方式,要求版本在0.4.5或以上 -->
{% fullimage /image-url, alt, title %}

<!-- 别名 -->
{% fi /image-url, alt, title %}
NexT内建标签fi

Bootstrap Callout

1
2
3
4
{% note class-name %} Content (md partial supported) {% endnote %}

<!-- 例 -->
{% note success %} 内容 **加粗** (md partial supported) {% endnote %}

可选class-name为Bootstrap的样式:
defaultprimarysuccessinfowarningdanger

内容 加粗

内容 加粗

内容 加粗

内容 加粗

内容 加粗

内容 加粗