Hexo 一些高级用法

大部分时候使用 markdown 语法就可以,如果需要一些高级用法,可以参考这篇文章.

文字颜色

用法:

1
2
3
{% label info @ 文字 %}

<mark>esse</mark>

标签颜色除了 info , 还可以为空,或者为:default primary warning success danger参考文档可了解更多 效果如下:

颜色 info :信息 primary: 主要 warning: 警告 success:成功 danger: 危险

Mark

引入信息

用法:

1
2
3
{% note info %}
引入一段信息
{% endnote %}

标签除了 info , 还可以为空,或者为: primary warning success danger参考文档可了解更多, 效果如下:

引入一段 信息

引入一段 info 信息

引入一段 primary 信息

引入一段 warning 信息

引入一段 success 信息:

引入一段 danger 信息

引用名言

用法:

1
{% cq %}Something{% endcq %}

标签 cq 是 centerquote的 简写,效果如:

深入浅出区块链是个好博客

使用Tab

可以表达几个平列的内容或递进的内容, 用法:

1
2
3
4
5
6
7
8
{% tabs %}
<!-- tab Tab a -->
Tab a 信息
<!-- endtab -->
<!-- tab <code>Tab b 引用</code> -->
第二个Tab下的信息
<!-- endtab -->
{% endtabs %}

参考文档可了解更多.

比特币 信息

以太坊介绍

DAPP开发 , 或 加粗引用.

代码显示

两个中用法:

1
2
3
4
5
6
7
8
9
10
```java classA.ava
public classA extends Base {
private long a = 1;
}
```

{% code lang:bash %}
$ cd project
$ git clone https://github.com/xilibi2003/Upchain-wallet
{% endcode %}

支持文件名显示(可选),支持语法高亮,语法支持有: java js cpp html bash yml 等等, 所有支持的语言可以在这里, Available Lexers参看
效果如下:

classA.java
1
2
3
public classA extends Base {
private long a = 1;
}
1
2
$ cd hexo
$ git clone https://github.com/theme-next/hexo-theme-next themes/next

还有右上角加上文件链接,

code.js查看代码
1
var a = 1;

图片显示百分比

两个方式:

  1. 通过图库URL作图方式修改图片大小

    如何使用图库,请联系Tiny熊(微信:xlbxiong)

  2. 使用
    1
    {% fi url [alt], [title], [size] %}

fi 是FullImage的简写,可参考文档,库URL作图 和 fi 这两个方式也可以混合使用,效果如:

用url等比例缩小图片, 如缩小一半,添加/scale/50%(如果图片太大可以使用)

缩小一半示例图

当然也可以固定宽度,如宽度为500px: /fw/500

使用fi,图片占用35%,效果如:
图片占用35图

图片占用35%

使用 mermaid 显示 流程图、序列图

使用Mermaid, 用法如下:

1
2
{% mermaid type %}
{% endmermaid %}

流程图

流程图的 type graph TD, 效果如下:

            graph TD
            A[开发] -->|学习| B(区块链)
B --> C{投入时间多不多}
C -->|少| D[一头雾水]
C -->|多| F[人生巅峰]
          

序列图

流程图的 type sequenceDiagram, 效果如下:

            sequenceDiagram
            Title: 学习区块链
Alice ->> Tim: Tim 你该学学区块链了。
Tim->>John: 区块链难学么?
John->>Tim: 不难,去深入浅出区块链
Tim->>John: 谢谢
loop 深入浅出区块链
    Tim ->> Tim: hard work 
end
Tim->>Alice: 我学好了
          

数据公式显示

在文章头部加上: mathjax: true, 用法:
行内公式使用 ,效果如:$e=mc^2$。

单独一行使用:

1
2
3
$$
e=mc^2
$$

效果如:

LBC-Team wechat
欢迎订阅公众号:深入浅出区块链技术
0%