The freemind theme offers several new tag plugins, so as to fully take advantages of Bootstrap.
To use these tag plugins, you need to install hexo-tag-bootstrap 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
12
13
14
15
16
17
18
19
20
21
22
23
{% 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.