安装外挂标签店长的hexo-butterfly-tag-plugins-plus插件后报以下错误的时候,是因为没有安装店长的另一个外挂标签hexo-butterfly-wowjs
报错内容:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
| INFO Start processing FATAL Something's wrong. Maybe you can find the solution here: https://hexo.io/docs/troubleshooting.html Nunjucks Error: _posts/butterfly外挂标签语法和Markdown自带语法.md [Line 690, Column 4] unknown block tag: wow ===== Context Dump ===== === (line number probably different from source) === 685 | 686 | {% endtabs %} 687 | <h3 id="阿里图标-icon"><a href="#阿里图标-icon" class="headerlink" title="阿里图标 icon"></a>阿里图标 icon</h3>{% tip warning faa-parent animated-hover %}<p class="faa-horizontal">单张图片 image</p> 688 | 689 | {% endtip %} 690 | {% wow animate__heartBeat,,5s,,10 %} 691 | 692 | {% note red 'fas fa-battery-half' modern%} 693 | 694 | 阿里图标icon 695 | ===== Context Dump Ends ===== at formatNunjucksError (E:\cuie\node_modules\hexo\dist\extend\tag.js:145:15) at E:\cuie\node_modules\hexo\dist\extend\tag.js:213:46 at tryCatcher (E:\cuie\node_modules\bluebird\js\release\util.js:16:23)
|
解决方法
1,安装插件,在博客根目录[Blogroot]
下打开终端,运行以下指令:
1
| npm install hexo-butterfly-wowjs --save
|
2,添加配置信息,以下为写法示例
在站点配置文件_config.yml
或者主题配置文件_config.butterfly.yml
中添加
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
| wowjs: enable: true #控制动画开关。true是打开,false是关闭 priority: 10 #过滤器优先级 mobile: false #移动端是否启用,默认移动端禁用 animateitem: - class: recent-post-item #必填项,需要添加动画的元素的class style: animate__zoomIn #必填项,需要添加的动画 duration: 2s #选填项,动画持续时间,单位可以是ms也可以是s。例如3s,700ms。 delay: 1s #选填项,动画开始的延迟时间,单位可以是ms也可以是s。例如3s,700ms。 offset: 100 #选填项,开始动画的距离(相对浏览器底部) iteration: 2 #选填项,动画重复的次数 - class: card-widget style: animate__zoomIn animate_css: https://npm.elemecdn.com/hexo-butterfly-wowjs/lib/animate.min.css wow_js: https://npm.elemecdn.com/hexo-butterfly-wowjs/lib/wow.min.js wow_init_js: https://npm.elemecdn.com/hexo-butterfly-wowjs/lib/wow_init.js
|
完成以上步骤后解决问题