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

通常在项目的页面开发过程中会将一整个页面分割成多个组件形式，这样也方便后续的维护，但由于 Nuxt 会为 ~/pages/ 目录中的每个页面自动创建路由，这会导致在pages目录中的新建的components目录中的组件代码也会被生成页面路由，并且是可以通过路由地址进行访问的，没有使用到的components组件代码也会被进行打包，这显然不是我们想要的效果，顺带记录下解决方法。

起因是在NodeSeek社区看到了NodeSupport 永久免费服务器赞助计划的公告，参与门槛很低，对于有博客的的只需要 300 uv/月即可参与申请。

近期使用 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，如果页面不使用此范围内的任何字符，则不会下载字体。