hexo 插件笔记

hexo 插件 - hexo-word-counter

实现字数统计与阅读时间预估功能

  • 安装指令

    1
    npm install hexo-word-counter --save
  • hexo 配置

    1
    2
    3
    4
    5
    6
    7
    symbols_count_time:
    symbols: true # 显示博文字数
    time: true # 显示预计阅读时间
    total_symbols: true # 在页脚显示总字数
    total_time: true # 在页脚显示总阅读时间
    awl: 4 # 平均字长 (用于计算)
    wpm: 275 # 每分钟阅读的平均字数 (用于计算)
  • NexT 主题配置

    1
    2
    3
    symbols_count_time:
    separated_meta: true # 字数和阅读时间是否分行显示
    item_text_total: true # 页脚是否显示字数和阅读时间 (默认不显示)

hexo 插件 - hexo-generator-searchdb

实现本地搜索功能

  • 安装指令

    1
    npm install hexo-generator-searchdb --save
  • hexo 配置

    • path → 搜索记录文件
    • field → 搜索内容
    • format → 搜索后缀
    • limit → 最大搜索限制
    1
    2
    3
    4
    5
    6
    # Local search
    search:
    path: search.xml
    field: post
    format: html
    limit: 10000
  • NexT 主题配置

    1
    2
    3
    4
    5
    6
    local_search:
    enable: true
    trigger: auto # 是否无视回车自动搜索 (auto | maual)
    top_n_per_article: 1 # 每个搜索展示几个结果
    unescape: false # 读取内容
    preload: false # 预读取页面内容

hexo 插件 - hexo-all-minifier

可以对html、css、js、images进行压缩,即把重复的代码合并,把多余的空格去掉,用算法对images进行压缩,加快网页加载速度。

  • 安装指令

    1
    npm install hexo-all-minifier --save
  • hexo 配置

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    html_minifier:
    enable: true
    ignore_error: false
    exclude:

    css_minifier:
    enable: true
    exclude:
    - '*.min.css'

    js_minifier:
    enable: true
    mangle: true
    output:
    compress:
    exclude:
    - '*.min.js'

    image_minifier:
    enable: true
    interlaced: false
    multipass: false
    optimizationLevel: 2
    pngquant: false
    progressive: false

实现热门相关帖子功能

  • 安装指令

    1
    npm install hexo-related-popular-posts --save
  • NexT 主题配置

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    related_posts:
    enable: false # 是否开启插件
    title: # related-popular-posts 的名字 (默认使用相关文章)
    display_in_home: false # 是否在首页使用相关/热门帖子
    params:
    maxCount: 5 # 最大显示
    #PPMixingRate: 0.0 # 热门与相关的混合比例
    #isDate: false # 是否显示日期
    #isImage: false # 是否显示图像
    #isExcerpt: false # 是否显示摘录