Monaen's WikiTag Plugins 2015-09-26

Declaration:

Posted from http://wzpan.github.io/hexo-theme-wixo/Docs/tag-plugins/

Like the Freemind theme, you can use hexo-tag-bootstrap to fully take advantages of Bootstrap. To use these tag plugins, you need to install it first. In your blog root folder, execute the following command:

1
$ npm install hexo-tag-bootstrap --save

Then you can use these tag plugins in your blog, as easily as you normally do using hexo tag plugins.

Text Color

Convey meaning through color with a handful of emphasis utility classes. These may also be applied to links and will darken on hover just like our default link styles.

Syntax

1
2
3
{% textcolor [style] %}
  text string
{% endtextcolor %}

Examples

1
2
3
4
5
6
7
8
9
10
11
{% textcolor muted %}Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.{% endtextcolor %}

{% textcolor primary %}Nullam id dolor id nibh ultricies vehicula ut id elit.{% endtextcolor %}

{% textcolor success %}Duis mollis, est non commodo luctus, nisi erat porttitor ligula.{% endtextcolor %}

{% textcolor info %}Maecenas sed diam eget risus varius blandit sit amet non magna.{% endtextcolor %}

{% textcolor warning %}Etiam porta sem malesuada magna mollis euismod.{% endtextcolor %}

{% textcolor danger %}Donec ullamcorper nulla non metus auctor fringilla.{% endtextcolor %}

Results

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

Nullam id dolor id nibh ultricies vehicula ut id elit.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Maecenas sed diam eget risus varius blandit sit amet non magna.

Etiam porta sem malesuada magna mollis euismod.

Donec ullamcorper nulla non metus auctor fringilla.

Buttons

Inserts a button with target links, text and specified color.

Syntax

1
{% btn url text [style] %}

Examples

1
2
3
4
5
6
7
8
9
10
11
{% btn http://hahack.com hahack %}

{% btn http://hahack.com hahack primary %}

{% btn http://hahack.com hahack success %}

{% btn http://hahack.com hahack warning %}

{% btn http://hahack.com hahack danger %}

{% btn http://hahack.com hahack info %}

Results

hahack hahack hahack hahack hahack hahack

Labels

Inserts a label with text and specified color.

Syntax

1
{% label text [style] %}

Examples

1
2
3
4
5
6
7
8
9
10
11
{% label default %}

{% label warinng warning %}

{% label success success %}

{% label danger danger %}

{% label primary primary %}

{% label info info %}

Results

default warinng success danger primary info

Badges

Inserts a badge with text.

Syntax

1
{% badge text %}

Examples

1
{% badge 42 %}

Results

42

Alerts

Inserts alert messages with text and specified color.

Syntax

1
2
3
{% alert [style] %}
   Alert string
{% endalert %}

Examples

1
2
3
4
5
6
7
{% alert warning %}Best check yo self, you're not looking too good.{% endalert %}

{% alert danger %}Change a few things up and try submitting again.{% endalert %}

{% alert success %}You successfully read this important alert message.{% endalert %}

{% alert info %}This alert needs your attention, but it's not super important.{% endalert %}

Results

Best check yo self, you're not looking too good.
Change a few things up and try submitting again.
You successfully read this important alert message.
This alert needs your attention, but it's not super important.
▲