hexo添加看板娘

添加个活泼的伙伴吧!

添加看板娘

  • 效果如下

1-16453661824791

  1. 步骤1

    下载大佬制作的看板娘https://github.com/stevenjoezhang/live2d-widget

    下载至\themes\hexo-theme-next\source中autoload.js,

  2. 步骤2

    打开\themes\hexo-theme-next\source\live2d-widget中的autoload.js

    并将live2d_path改为绝对路径

    1
    2
    3
    // 注意:live2d_path 参数应使用绝对路径
    // const live2d_path = "https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/";
    const live2d_path = "/live2d-widget/";
  3. 步骤3

    到这就是最后一步了,将之前的引入到自己的主题中

    我的是next主题,在/themes/hexo-theme-next/layout/_layout.njk目录下,看到其他博主都是写_layout.swing,但是找了一圈一直没找到,然后就看到了.njk结尾的文件,死马当活马医吧~就成功了~~~

    _layout.njk目中引入如下:

    1
    2
    3
    <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css"/>
    <script src="/live2d-widget/autoload.js"></script>
  4. 步骤4

​ 重新hexo g hexo s打开就成功显示啦!