在博客养一只猫
从今天起这里多了一只白色,高冷的看门喵。视线会一直跟着你的鼠标,鼠标靠近它就可以撸了! 目前只设定让它在PC出现,在移动端显示有些突兀。 养猫攻略 喵喵基于 live2d 绘图技术,在前端使用canvas绘制。 使用hexo搭建的站点可以直接使用 hexo-helper-live2d 快速养猫 使用 live2d-widget.js 源码导入 打包源码 # 拉取源码 $ git clone https://github.com/xiazeyu/live2d-widget.js.git # 下载依赖 $ yarn # 打包源码 $ npm run build:prod lib文件夹里就是打包成果。 在hugo中使用 将打包后的lib路径中的 L2Dwidget.min.js 文件放到hugo根目录的 static/js 目录中。 在这儿下载喜欢的 live2d 模型放到hugo根目录的 static/live2d_models 目录中。 在当前使用的主题模板中导入和执行以上代码。一般是在 hugo/themes/xx/layouts/partials/script.html 中,这个文件是页面导入的script部分(虽是html文件,但是编辑时不能使用prettier-js格式化,会破坏hugo的模板语法)。 <script src="/js/L2Dwidget.min.js"></script> <script> /** * The init function * @param {Object} [userConfig] User's custom config 用户自定义设置 * @param {String} [userConfig....