本文发表于 2497 天前，其中的信息可能已经事过境迁
Ai摘要
加载中...|
此摘要由AI根据文章内容生成，并经过人工审核，仅用于文章内容的解释与总结

最近发现了一个 Hexo 主题，又好看功能又强大，hexo-theme-tranquilpeak，这里总结一下遇到的问题，以及注意事项。

安装使用问题 ​

  1. 要安装说明，使用 Github 仓库中 Release 里边的压缩包来使用，不要直接拉仓库，因为有些文件不存在。

使用注意事项 ​

  1. 想要在文章后边添加画廊功能，在文章上添加 gallery 字段，可以有多个值。
  2. more/excerpt 都是摘要，more 的摘要也在正文显示，excerpt 的不显示。
  3. toc: true 显示目录的功能是我自己加的，还在修改中，原使用方式类似摘要，添加一个 toc 即可。
  4. 可以使用 Tags，示例在下边。

Tags 使用示例 ​

语法 :

    {% alert [classes] %}
    content
    {% endalert %}

示例：

    {% alert danger no-icon %}
    Here is a danger alert without icon
    {% endalert %}
    
    {% alert danger no-icon %}
    共有下列几种 class:
    {% endalert %}

共有下列几种 class:

  • info
  • success
  • warning
  • danger
  • no-icon

高亮文本 使用示例 ​

语法：

    {% hl_text [(classes | hexa code | rgb color | rgba color)] %}
    content
    {% endhl_text %}

示例：

    {% hl_text danger %}
    your highlighted text
    {% endhl_text %}

可以使用使用 hexa 颜色, rgb 颜色, rgba 颜色，或者以下 {% hl_text danger %}class{% endhl_text %}:

  • red
  • green
  • blue
  • purple
  • orange
  • yellow
  • cyan
  • primary
  • success
  • warning
  • danger

图片 使用示例 ​

语法 :

{% image [classes]
  group:group-name /path/to/image [/path/to/thumbnail]
  [width of thumbnail]  [height of thumbnail]  [title text]
%}

示例：

{% image fancybox right clear group:travel /images/2018-08-24-idea-tips/2018-08-26.png /images/2018-08-30-theme-tranquilpeak/preview.png 150px 300px "A image" %} 

{% image fancybox right clear group:travel /images/2018-08-24-idea-tips/2018-08-25.png /images/2018-08-30-theme-tranquilpeak/preview.png 150px 300px "A image" %} 

{% image fancybox right clear group:travel /images/2018-08-24-idea-tips/2018-08-26.png /images/2018-08-30-theme-tranquilpeak/preview.png 150px 300px "A image" %}

代码块 ​

{% tabbed_codeblock [name] [link] %}
    source code
{% endtabbed_codeblock %}

{% tabbed_codeblock "代码示例" https://sixlab.cn %}
    console.log("https://sixlab.cn");
    .btn {
        color: red;
    }
{% endtabbed_codeblock %}

大图 ​

语法：

Syntax : {% wide_image /path/to/image [title text] %}

示例：

{% wide_image /images/2018-08-30-theme-tranquilpeak/preview.png "A image" %}

{% wide_image /images/2018-08-30-theme-tranquilpeak/preview.png "A image" %}
Hexo 主题 hexo-theme-tranquilpeak 部分功能总结https://blog.sixlab.cn/posts/2018/0830/theme-tranquilpeak
作者六楼的雨
发布于2018-08-29 16:57:30
更新于2025-07-01 10:38:55
许可协议 CC BY-NC-SA 4.0
署名-非商业性使用-相同方式共享 4.0 国际
HexoHexo主题主题
反馈与投诉
赞赏博主
评论 隐私政策