在Strapi后台进行媒体库的文件管理时，默认是能够看到图片的预览图的，但是我这里一直都是破图，起初以为是CDN访问限制，配了域名Refer白名单仍旧提示错误，受不了了，这个问题一定要解决！

前不久更新的响应式图片功能，对于各终端进行了较好的支持，但是最近发现这个功能失效了，再次仔细阅读MDN的文章后，代码应该是没有问题的，这就纳闷了，难道Chrome坏了，难道我又遭遇灵异事件？咱们来看看到底咋回事！

GitLens一直都是VSCode开发者常用的神级插件，近期做了一次大更新，之后骂声一片，究竟发生了什么，我也仔细看了看究竟。

关于响应式图片的展示，花了不少时间来研究，gatsby自带的shape插件是用于静态化，并不适用，于是我还是从服务端着手，终于开发完成上线。

Gatsby的升级速度真的是很快，去年5月我才升级到v3，这才过半年，我又升级到v4，但是v4的升级并没有在代码上做太多的调整，而且v3也存在很多问题，最近抽空一并做了优化，看起来好多了。

前端项目中经常需要同时引用CSS库和UI库，比如 TailwindCSS 和 ElementPlus 一起搭配，设计稿也许完全按照ElementPlus的颜色设计，比如一些重要的或危险的文字色值采用 "#F56C6C" (Danger)，而TailwindCSS中的 text-red-500 虽然近似，但终究是无法统一的，接下来我将介绍下，如何将ElementPlus的Colors扩展到TailwindCSS中。

Vite项目中使用ElementPlus和TailwindCSS出现按钮组件样式问题，明明开发的时候是好好的，这下没测试，上线原地爆炸，我的蓝色按钮上线裸奔，老板提着刀正在赶往你的工位中。。。快来看看怎么回事！！！

2019年写了一篇高效前端开发 - Visual Studio Code，2年过去了，出现了更多不错的插件，这里作为一篇补充篇，向大家介绍一下~

最近在使用UOS操作系统，遇到不少问题，这次是关于我的祖传无线鼠标 MX Master 使用问题，罗技官方是没有做驱动适配的，不过好在有大神帮忙解决了。

在油管上看到一个不错的视频《5 Tools Every Vue.js Developer Should Know! // 5 Cool Websites and Tools For Vue Developers》，里面有几个工具和网站确实不错，做做笔记分享给大家。