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

近期使用 VitePress 重构了下公司的 API 文档官网，UI使用的是 Ant Design Vue，记录下所遇到的问题，毕竟好记性不如烂笔头。

由于个人比较喜欢使用 Naive UI，在使用 Nuxt 过程中也是引入了该组件，由于该组件库提供的 Nuxt 模块 nuxtjs-naive-ui 长时间没更新导致在最新的 Nuxt 中使用在页面刷新的时候组件样式会存在延迟滞后加载问题，导致体验非常糟糕，搜索一番后前人已经给出了解决方法，顺便再次记录下。

每次早上醒来习惯性打开掘金签到，首页忽然看到 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生成的报告好使。