Tranquilpeak主题美观简洁,支持多种方式展示图片,适合图文并茂的博客。支持视频播放、字体元素、颜色、代码着色等功能

1.alert 警告消息
  • 提示

    增加一条不带图标的提示

    1
    2
    3
    {% alert info no-icon %}
    content
    {% endalert %}
  • 成功

    增加一条不带图标的成功提示

    1
    2
    3
    {% alert success no-icon %}
    content
    {% endalert %}
  • 警告

    增加一条带图标的警告提示

    1
    2
    3
    {% alert warning %}
    content
    {% endalert %}
  • 严重警告 | 危险

    增加一条带图片的危险警告

    1
    2
    3
    {% alert danger %}
    content
    {% endalert %}
2.HighlightText 高亮文本
  • 支持高亮颜色 color
    1. red
    2. green
    3. blue
    4. purple
    5. orange
    6. yellow
    7. cyan
    8. primary
    9. success
    10. warning
    11. danger
  • 语法:

    1
    2
    3
    {% hl_text [(classes | hexa code | rgb color | rgba color)] %}
    content
    {% endhl_text %}
    1. 使用颜色 Classhighlighted text danger highlighted text red
    2. 使用自定义颜色highlighted text #00FFFF highlighted text #00FFFF
3.增加图像画廊
  • 语法:

    {% image fancybox center fig-100 group:travel image2.png http://s15.sinaimg.cn/mw690/001MXOZUgy6DUbyFxgy7e&690 "图像标题" %}
    
4.标签代码块
  • 语法:

    1
    2
    3
    4
    5
    { % tabbed_codeblock [name] [link] % }
    <! - tab [lang] - >
    源代码
    <! - endtab - >
    {% endtabbed_codeblock% }
    example
    • js
    • css
    1
    var test = 'test';
5.文章显示方式
  • 语法:

    • 截断文章的全文展示

      1
      <!-- more -->
    • 使文章已内容表展示 可添加在标题后面

      1
      <!-- toc -->