hexo添加看板娘
添加个活泼的伙伴吧!
添加看板娘
- 效果如下
步骤1
下载大佬制作的看板娘https://github.com/stevenjoezhang/live2d-widget
下载至\themes\hexo-theme-next\source中autoload.js,
步骤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
到这就是最后一步了,将之前的引入到自己的主题中
我的是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
重新hexo g hexo s打开就成功显示啦!