为了拓展博客的小组件，且边看博客边听歌。完成了一个网易云音乐小组件

在侧边栏可以看到

完成这个组件有两点

• 获取数据
• 使用获取的数据

获取数据使用的fetch，异步。因为hexo渲染页面在渲染post之前，所以不能将获取数据放到挂载的钩子下。因此只能异步获取数据并写入到一个json文件，使用的时候直接同步读取这个json文件

使用数据则为dom的相关操作。

网易云的资源会禁止同一个IP多次的访问，因此资源的地址也不断的变化。只能多使用hexo g来更新资源地址了

完成了一个hexo的美化插件，可以添加4:1比例的图片，给这个插件使用

效果如上图所示，已经发布到了npm

可以直接用安装npm包命令

npm i hexo-vtuber-banner

支持Hexo 3.0以上的版本

默认的banner的页面注入位置为<header></header>标签之中，默认会注入到Hexo的所有页面之中。可以配置默认注入的页面

国内可访问gitee仓库

如果你觉得还不错，请给我一个小星星吧！