1
2

theme: bootstrap
inverse: true

, where theme here indicates which theme you are going to use, and inverse here says you want inverse color scheme on some important components such as navigation bar and header title.

User contributions are welcome! If you want to contribute a color theme, you can fork the dev branch . Write a new theme in LESS and send me a pull request.

bootstrap

default

inverse

cerulean

default

inverse

cosmo

default

inverse

cyborg

default

inverse

darkly

default

inverse

flatly

default

inverse

journal

default

inverse

lumen

default

inverse

paper

default

inverse

readable

default

inverse

sandstone

default

inverse

simplex

default

inverse

slate

default

inverse

spacelab

default

inverse

superhero

default

inverse

united

default

inverse

yeti

default

inverse

Q Why use raw CSS stylesheets instead of more fashionable stylus?

A Yes, stylus is cool. But I don’t want to wrote my stylesheets again in stylus. So let’s just keep them.

Q I love your theme. How to contribute?

A Great that you love it. To devote your contribution, you can:

• Star its Github project;
• Fork this project, make your change, and then send me your pull request;
• Since it is public under MIT license, you can make your own theme based on mine. But it will be nicer if you claimed that your work is based on mine in your theme project page.

Q Your blog looks a little different to this theme. Why such difference?

A Yes. I modified the theme a little bit as I open sourced this theme. I actually did some simplification e.g. I removed the whole Wiki page because I don’t think that everybody need this.

Q How to generate ToC(Table of Contents) in a certain page?

A Add toc: true in the front-matter.

Q Where can I find your markdown source files of these docs?

A From the source repo of this site.

Q 为啥还用 CSS 写样式，而不用更高端大气的 stylus ？

A 嗯，stylus 的确很酷。不过我不想再把以前的样式重写成 stylus 了。所以暂时先保留原来的 CSS。

Q 你的博客不错用，如何贡献？

A 有人喜欢我的东西我就很高兴咯。如果想做出贡献，你可以：

• 为本主题的 Github 项目 加颗星；
• Fork 这个项目，尽情DIY，然后给我发 pull request;
• 这个项目遵循 MIT 开源协议，你可以在本主题基础上创建你的主题。不过如果你能在你的主题页面中声明主题基于 Freemind 就再好不过了。

Q 你自己的博客 看起来跟这个主题有点不一样呀，为什么？

A 是的。我在开源这个主题前做了些简化。不是所有人都需要我的博客里的一些特性，比如 Wiki 页面。

Q 如何指定某些页面生成 ToC(Table of Contents) ？

A 在文章头部添加 toc: true 。

Q 从哪里可以找到你的这几篇文档的 Markdown 源码？

A 在本站点的 源码仓库 。

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.

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

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

Badges

Inserts a badge with text.

Syntax

1

{% badge text %}

Examples

1

{% badge 42 %}

Results

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
8
9
10
11
12
13
14
15

{% 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

在使用这些 tag plugins 之前，你需要先安装 hexo-tag-bootstrap 。在你的 Hexo 博客目录，执行下列命令：

1

$ npm install hexo-tag-bootstrap --save

然后就可以像使用其他 hexo tag plugins 一样使用这些 Bootstrap tag plugins 了。

文本颜色

插入一段文本，并用特殊的颜色高亮它。

语法

1
2
3

{% textcolor [style] %}
  text string
{% endtextcolor %}

示例

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

结果

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）

插入一个按钮，按钮可以带有链接、文本，并可以指定样式。

语法

1

{% btn url text [style] %}

示例

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

结果

标签（Labels）

插入一个标签，并为其指定文本和样式。

语法

1

{% label text [style] %}

示例

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

结果

徽章（Badges）

插入一个徽章，并为其指定文本。

语法

1

{% badge text %}

示例

1

{% badge 42 %}

结果

警报（Alerts）

插入一段警报文本信息，并为其指定样式。

语法

1
2
3

{% alert [style] %}
   Alert string
{% endalert %}

示例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

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

结果

1
2
3
4
5
6
7

// C
#include <stdio.h>
int main(void)
{
    printf("Hello World\n");
    return 0;
}

C++

1
2
3
4
5
6
7

// C++
#include <iostream.h>
int main(void)
{
    cout << "Hello World" << endl;
    return 0;
}

JAVA

1
2
3
4
5
6
7

class helloWorld
{
    public static void main(String args[])
    {
        System.out.println("Hello World");
    }
}

Assembler

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

#include <stdio.h>
char format[] = "%s %s\n";
char hello[] = "Hello";
char world[] = "world";
void main( void )
{
   __asm
   {
      mov  eax, offset world
      push eax
      mov  eax, offset hello
      push eax
      mov  eax, offset format
      push eax
      call printf
      pop  ebx
      pop  ebx
      pop  ebx
   }
}

.Net

1
2
3
4
5
6
7
8
9
10

// Hello World .NET
#using <mscorlib.dll>
using namespace System;
int _tmain()
{
    Console::WriteLine(S"Hello World");
    return 0;
}

Erlang

1
2
3
4

-module(hello).
-export([world/0]).
world() -> io:format("Hello World").

Ruby

1
2

#!/usr/local/bin/ruby -w
puts "Hello World"

BASIC

1
2
3

// Texas Instruments TI-81 BASIC
Prgm1:HELLO...
:Disp "HELLO WORLD"

Perl

1
2

#!/usr/bin perl -w  
print ("Hello World");

Python

1
2

#!/bin/python
print("Hello World")

Bash

1
2

#!/bin/bash
echo "Hello World"

Brainfuck

1
2
3

>+++++++++[<++++++++>-]<.>+++++++[<++++>-]<+.+++++++..+++.[-]
>++++++++[<++++>-] <.>+++++++++++[<++++++++>-]<-.--------.+++
.------.--------.[-]>++++++++[<++++>- ]<+.[-]++++++++++.

php

1

<?="Hello world\n" ?>

Pascal

1
2
3
4
5

Program HelloWorld;
Begin
  Writeln ('Hello World!');
End.

Delphi

1
2
3
4
5
6
7
8
9

// Delphi, thanks to C0derr
program Project1;
uses
  qdialogs;
const
  s='Hello, World!';
begin
  showmessage(s);
end.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

舍利子，色不異空，空不異色；色即是空，空即是色。受、想、行、識，亦復如是。

舍利子，是諸法空相，不生不滅，不垢不淨，不增不減，是故空中無色，無受、想、行、識；無眼、耳、鼻、舌、身、意；無色、聲、香、味、觸、法；無眼界，乃至無意識界；無無明，亦無無明盡；乃至無老死，亦無老死盡。無苦、集、滅、道，無智亦無得，以無所得故。

菩提薩埵(duǒ)，依般若波羅蜜多故，心無罣礙(guà ài)。無罣礙，故無有恐怖，遠離顛倒夢想，究竟涅槃。三世諸佛，依般若波羅蜜多故，得阿耨多羅三藐三菩提。

故知般若波羅蜜多，是大神咒，是大明咒，是無上咒，是無等等咒，能除一切苦，真實不虛。

故說般若波羅蜜多咒，即說咒曰：

揭諦、揭諦，波羅揭諦，波羅僧揭諦，菩提薩婆訶。

舍利子，色不异空，空不异色；色即是空，空即是色。受、想、行、识，亦复如是。

舍利子，是诸法空相，不生不灭，不垢不净，不增不减，是故空中无色，无受、想、行、识；无眼、耳、鼻、舌、身、意；无色、声、香、味、触、法；无眼界，乃至无意识界；无无明，亦无无明尽；乃至无老死，亦无老死尽。无苦、集、灭、道，无智亦无得，以无所得故。

菩提萨埵(duǒ)，依般若波罗蜜多故，心无罣碍(guà ài)。无罣碍，故无有恐怖，远离颠倒梦想，究竟涅盘。三世诸佛，依般若波罗蜜多故，得阿耨多罗三藐三菩提。

故知般若波罗蜜多，大神咒，是大明咒，是无上咒，是无等等咒，能除一切苦，真实不虚。

故说般若波罗蜜多咒， 即说咒曰，

揭谛揭谛 波罗揭谛 波罗僧揭谛 菩提萨婆诃