hexo-next-friends-tag v0.5.2

Hexo-Next-Friends-Tag

Friends' cards tag plugins for NexT.

中文文档

Online Demo

Install

npm install hexo-next-friends-tag --save

Usage

Creat a new page, then put the friendsgrid tag like below.

{% friendsgrid style:[1/2/3/4] shuffle:[true/false] %}
...
{% endfriendsgrid %}

option

• style : the style of friends' cards, it can be 1/2/3/4
• shuffle : should the friends' cards be random, it can be true/false

Style1 Example

{% friendsgrid style:1 shuffle:true %}
枫糖1 | https://blog.maplesugar.space | https://cdn.jsdelivr.net/gh/maplesugarr/blog-assets@master/imgs/maple-leaf-avatar.jpg
枫糖2 | https://blog.maplesugar.space | https://cdn.jsdelivr.net/gh/maplesugarr/blog-assets@master/imgs/maple-leaf-avatar.jpg
枫糖3 | https://blog.maplesugar.space | https://cdn.jsdelivr.net/gh/maplesugarr/blog-assets@master/imgs/maple-leaf-avatar.jpg
{% endfriendsgrid %}

Style2 Example

{% friendsgrid style:2 shuffle:true %}
枫糖1 | https://blog.maplesugar.space | https://cdn.jsdelivr.net/gh/maplesugarr/blog-assets@master/imgs/maple-leaf-avatar.jpg |
枫糖2 | https://blog.maplesugar.space | https://cdn.jsdelivr.net/gh/maplesugarr/blog-assets@master/imgs/maple-leaf-avatar.jpg | From rookie to master
枫糖3 | https://blog.maplesugar.space | https://cdn.jsdelivr.net/gh/maplesugarr/blog-assets@master/imgs/maple-leaf-avatar.jpg | From rookie to master
{% endfriendsgrid %}

Style3 Example

{% friendsgrid style:3 shuffle:true %}
枫糖1 | https://blog.maplesugar.space | https://cdn.jsdelivr.net/gh/maplesugarr/blog-assets@master/imgs/maple-leaf-avatar.jpg | From rookie to master | 个人小站
枫糖2 | https://blog.maplesugar.space | https://cdn.jsdelivr.net/gh/maplesugarr/blog-assets@master/imgs/maple-leaf-avatar.jpg | From rookie to master | 个人小站
枫糖3 | https://blog.maplesugar.space | https://cdn.jsdelivr.net/gh/maplesugarr/blog-assets@master/imgs/maple-leaf-avatar.jpg | From rookie to master | 个人小站
{% endfriendsgrid %}

Style4 Example

{% friendsgrid style:4 shuffle:true %}
枫糖1 | https://blog.maplesugar.space | https://cdn.jsdelivr.net/gh/maplesugarr/blog-assets@master/imgs/maple-leaf-avatar.jpg |
枫糖2 | https://blog.maplesugar.space | https://cdn.jsdelivr.net/gh/maplesugarr/blog-assets@master/imgs/maple-leaf-avatar.jpg | From rookie to master
枫糖3 | https://blog.maplesugar.space | https://cdn.jsdelivr.net/gh/maplesugarr/blog-assets@master/imgs/maple-leaf-avatar.jpg | From rookie to master
{% endfriendsgrid %}