Hexo主题美化

前言

记录几个网上没找到的Hexo主题美化方法。

更改canvas-nest背景的线条数

开启背景

next/_config.yml文件中搜索canvas_nest:,将false改为true

更改线条数量

打开next/source/lib/canvas-nest/canvas-nest.min.js文件,搜索count,将值改为你想要的数值即可。

这么做可以减少CPU的占用,减少浏览器卡顿。

添加看板动画

  • 执行命令行进行下载

    1
    npm install --save hexo-helper-live2d
  • 挑选动画模板(传送门),使用命令行下载

    1
    npm install --save 动画名
  • 在博客根目录的_config.yml配置文件内添加配置

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    ## 添加看板动画
    live2d:
    enable: true
    scriptFrom: local
    pluginRootPath: live2dw/
    pluginJsPath: lib/
    pluginModelPath: assets/
    tagMode: false
    debug: false
    model:
    use: live2d-widget-model-tororo # 动画名称
    display:
    position: left
    width: 100
    height: 200
    mobile:
    show: false # 是否在移动端展示

    use后面填写下载的动画名称即可。

  • 使用命令更新静态文件

    1
    hexo clean & hexo g & hexo s

    查看效果。

  • 参考文章

    https://github.com/EYHN/hexo-helper-live2d

结语

均为网上未找到的方法,记录备用。

-------------End,感谢阅读!-------------

本文标题:Hexo主题美化

文章作者:加贝H

原始链接:https://jiabeih.cn/2018/09/03/Hexo主题美化/

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。