日常抖音上经常刷到 AI 绘画的内容，觉得挺有趣的，寻思着能不能自己部署一个，网上 Google 了下找到了这个超火的 AI 绘画开源的程序stable-diffusion-webui，看了下基本的介绍，支持 Windows、Linux、Mac，由于本人使用的 Mac，记录下 Mac 的本地部署教程，整体教程参考 Wiki 中的Installation on Apple Silicon

每次早上醒来习惯性打开掘金签到，首页忽然看到 Vant 和 Rspack 被注入恶意代码的推荐文章，打开一看好家伙，前端开源项目 Vant 的多个版本被注入恶意代码后，发布到了 npm 上，导致全网大面积被感染。

手贱升级项目的依赖，完事后运行启动项目的命令，发现一直报错

Search string not found: "/supportedTSExtensions = .*(?=;)/"
(Use `node --trace-uncaught ...` to show where the exception was thrown)

导致项目一直起不来。就按报错的关键词 Google 搜索了下，找到一个 2 天前 Nuxt 仓库的 Issue

常规 ESLint 配置通常比较复杂，好在之前一直关注过 antfu 大佬的 eslint-config，乘着有时间把自己的 VuePress2 博客也迁移到使用该 ESLint 配置，该配置使用比较简单，不用太多繁琐的操作，照着项目文档操作即可。

前几天自从重启VsCode自动更新后，在源代码管理中多出了传入/传出，大量的记录导致VsCode变的极度卡顿，网上搜索一番后记录下怎么关闭。

日常工作中避免不了页面需要使用特殊字体，对于特定的数字或者字母我们可以使用Fontmin输入固定的字符来生成一个很小的符合要求的字体文件，对于整个网页都需要使用特定字体的情况这种情况就不太适用了，Google搜索一番后找到一个Font Splitter工具，可以将一个很大字体文件按unicode-range规则分割成若干小字体文件，并生成一个Css，如果页面不使用此范围内的任何字符，则不会下载字体。

虽然 Vite 支持环境变量和模式，支持配置各种环境变量及获取，但部分情况我们可能不想讲该配置放到环境变量里面，比如我想运行一个打包分析，生成代码分析报告的命令：npm run report，执行代码打包并生成代码分析报告，不想因为额外一个命令去维护一个单独的环境变量，此时我们就可以使用-- --在打包的时候传递额外的自定义参数。

在搜索vue3打包分析、vite打包分析，清一色的都是推荐的使用rollup-plugin-visualizer插件，自己也使用过，感觉这个打包分析的插件生成的分析报告贼不好用，不支持放大缩小，只能点击模块进行放大，尝试了下按Exclude和Include关键词搜索也搜索不出内容，不知道是不是我使用有问题还是我搜索方式不对，总之感觉没有 vue2 的vue-cli-service生成的报告好使。

为什么要自己搭建一个书签管理器，浏览器的书签管理不够用吗？之前收藏过不少的文章教程等内容，但由于不可变因素导致原网页停止服务或者文章内容被删除等等情况，导致后来我想查看的时候就很尴尬。虽然国内有成熟的产品，但是免费版本功能都有数量等限制，Google搜索了下相关的开源书签管理工具，最重要的一个要求就是可以存档当时的页面，以防页面挂掉的时候依旧可以查看。最终找到了符合要求的 Linkwarden。

团队开发过程中，避免不了不了多人合作开发，而每个人的代码风格也可能不同，虽然可以使用Prettier来格式化一些基本的代码格式规范，但更详细的Vue3书写规范还是需要使用Eslint的插件eslint-plugin-vue。