美文网首页
Hexo的Next主题下添加看板娘

Hexo的Next主题下添加看板娘

作者: LittleReds | 来源:发表于2019-04-01 13:08 被阅读0次

    感觉blog有点简洁,所以就上网找了一下Next主题下的一些装饰办法,发现了看板娘,感觉还行!

    1.下载项目

    我们先把项目下到主题的source目录下

      git clone "https://github.com/stevenjoezhang/live2d-widget" themes/next/source/live2d-widget
    

    2.修改 autoload.js 文件

    修改 themes/next/source/live2d-widget 下的 autoload.js文件

      const live2d_path = "https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget/";
    

    改成

      const live2d_path = "/live2d-widget/";
    

    3.修改 _layout.swing 文件

    /themes/next/layout/_layout.swing 中,新增如下内容:

        <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.个性化设置

    想修改看板娘大小、位置、格式、文本内容等,可查看并修改 waifu-tips.js 、 waifu-tips.json 、waifu.css文件。

    参考文章
    https://www.jianshu.com/p/89440678ee3c
    https://github.com/stevenjoezhang/live2d-widget

    相关文章

      网友评论

          本文标题:Hexo的Next主题下添加看板娘

          本文链接:https://www.haomeiwen.com/subject/tnzmbqtx.html