总结一下hexo-theme-fluid的使用方法

全局

  • 设置文章默认封面：
    1
    2
    post:
      default_index_img: /img/example.jpg
  • 代码块设置：
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    code:
      copy_btn: true
      highlight:
        enable: true
        line_number: true
        lib: "highlightjs"
        highlightjs:
          style: 'Github Gist'
          bg_color: false
        prismjs:
          style: "default"
          preprocess: true

    copy_btn: 是否开启复制代码的按钮

    line_number: 是否开启行号

    highlight: 是否开启代码高亮

    lib: 选择生成高亮的库，可选项: highlightjs、prismjs，对应下面两组配置，高亮的配置说明具体见主题配置中的注释

首页

  • 大标题：Slogan(打字机)，配置方法是
    1
    2
    3
    4
    index:
      slogan:
        enable: true
        text: 这是一条 Slogan

每篇文章

  • 指定摘要：
    1
    2
    # 在文章开头加上：
    excerpt: 这是摘要
  • 隐藏文章：
    1
    2
    # 在文章开头加上：
    hide: true
  • 手动置顶：
    1
    2
    # 在文章开头加上：
    sticky: 100
  • 在首页的封面：
    1
    2
    # 在文章开头加上：
    index_img: /img/example.jpg
  • 文章头图：
    1
    2
    # 在文章开头加上：
    banner_img: /img/post_banner.jpg
  • 手动置顶：
    1
    2
    # 在文章开头加上：
    sticky: 100
  • 勾选框：
    1
    {% cb 文字, 是否已勾选, 是否内联 %}
    这是一个勾选框
  • 按钮：
    1
    {% btn 链接, text, title %}
    text
  • 组图：
    1
    2
    3
    4
    5
    6
    7
    {% gi total n1-n2-... %}
      ![](url)
      ![](url)
      ![](url)
      ![](url)
      ![](url)
    {% endgi %}

    特殊页面

  • About 页
#日志
总结一下hexo-theme-fluid的使用方法
http://blog.wspdwzh.space/2023/01/17/总结一下hexo-theme-fluid的使用方法/
作者
peter？
发布于
2023年1月17日
许可协议