hexo中文字实现打字机效果

文字的打字机效果是不是感觉蛮炫呢,其实是用typed.js这个插件实现的哦~


下载typed.js

  • With NPM

    npm install typed.js

  • With Yarn

    yarn add typed.js

  • With Bower

    bower install typed.js

详细内容戳 typed.js官网


typed.js的使用

使用非常简单,在相对应的页面中加入以下代码就完成啦。

 //引入js文件

代码中引入的src为<%- theme.libs.js.typed %>变量,是因为我用的主题hexo-theme-materyjs文件都是统一管理的,为了保持一致,我将npm i后的typed.min.js文件单独放在了theme的source/libs目录下,
并在theme_config.yml添加了libs的对应目录配置。

如果光标改成表情会更赞哦~


写在最后

如果这篇文章对你有帮助或是喜欢的话,可以戳下方对小举赏一个哟

你可能感兴趣的:(个人博客,前端,hexo,typed.js,打字机效果)