抹茶酱の日常 - matcha
type: channel
link: https://matce.cn/i/index.php/author/1/
description: matcha
items: 手机 QQ 和微信内置浏览器使用 Chrome 进行调试
items: 官方渠道丝滑无损更新或安装最新版 Windows 11 指南（含仅需一行极简命令搞定 TPM 限制）
items: 如何提取 Edge 加载项（拓展程序）的 crx 包至 Chrome 使用？
items: 本地 commit 之后 git reset --hard 了之前的版本如何找回并恢复
items: 单独为 Github 设置代理而不影响其他 Git 仓库（如 Gitee）的操作
items: Strapi 4.10.1 + MySQL 开发中项目通过 Git 搬运至新设备的无法启动的问题记录 | Server wasn't able to start properly | error: knex: Required configuration option 'client' is missing
items: ECharts tooltip 插入 HTML 绘制的自定义图标 marker 及关闭指示线 axisPointer.type 为 none
items: CSS 文本指定行数后省略号省略后续文本
items: ECharts legend 调整图例文字 text 与图标 icon 间距
items: ECharts legend 图例文字 text 与图标 icon 对齐

手机 QQ 和微信内置浏览器使用 Chrome 进行调试
type: item
date: 2026-03-19T07:24:00+00:00
description: 前置条件使用数据线连接电脑和手机，并在手机设置内开启开发者模式的 USB 调试微信启用浏览器调试地址http://debugxweb.qq.com/?inspector=trueQQ 启用浏览器调试地址http://debugx5.qq.com?inspector=trueChrome 调试地址由于浏览器安全策略需要手动复制粘贴访问 chrome://inspect/#devices

官方渠道丝滑无损更新或安装最新版 Windows 11 指南（含仅需一行极简命令搞定 TPM 限制）
type: item
date: 2024-11-05T02:42:00+00:00
description: 本指南同样适用于 Windows 10 无损升级至 Windows 11，且可绕过 TPM 2.0 校验（Windows 11 24H2 测试有效）1. 下载访问微软官方下载 Windows 11 ISO 页面：https://www.microsoft.com/zh-cn/software-download/windows11向下滚动至 下载适用于 x64 设备的 Windows 11 磁盘映像 (ISO) 段落， 选择 Windows 11（适用于 x64 设备的多版本 ISO）请根据您所需要安装的版本类型进行选择，如不清楚请在 Windows 设置 → 系统信息 → Windows 规格中查看，默认推荐选择 Windows 11（适用于 x64 设备的多版本 ISO）随后点击同段落下的 立即下载在 选择产品语言 段落中选择 简体中文或其他你需要安装的对应语言操作系统随后点击 下载 - Windows 11 简体中文 段落下的 64-bit Download 进行下载2. 挂载打开下载好的镜像文件，文件名一般为 Win11_24H2_Chinese_Simplified_x64.iso，24 为年份，24H2 为版本可查看到其中的 setup.exe 文件即可，如下图所示此时镜像文件会被虚拟挂载至虚拟驱动器上，在文件资源管理器中你将可以看到诸如下图的虚拟挂载盘，如若找不到 setup.exe 文件可以从此处打开，打不开的可以右键并选择 打开在整个安装结束后可以进行虚拟盘的卸载3. 打开在打开镜像文件目录的文件资源管理器上方地址栏键入 cmd，随后按下 Enter 键回车确认在弹出的窗口里粘贴下述命令，随后按下 Enter 键回车确认setup /product serversetup 为安装，/product 为要安装产品的方式，server 为以服务器的方式安装，此命令将直接以服务器安装方式开启安装程序。通过此种办法可实现绕过 TPM 2.0 限制（Windows 11 24H2 测试有效）4. 安装在安装程序引导页中，点击 更改安装程序下载更新的方式，并选择 不是现在，同时取消勾选下方的 我希望帮助改进安装(I)随后根据引导页指引点击下一步与进行选择，在 选择要保留的内容 页面中确认是否选择的是 保留文件、设置和应用，如果不是请更改至选择该选项在引导页的最后一个页面检查 保留文件、设置和应用 是否已被勾选，如果没有请点击 更改要保留的内容 进行更改，一切准备就绪后即可点击 安装 进行安装操作之后只需要等待安装完成即可，在安装过程中请勿进行切断电源、关机、重启、睡眠、注销等会终止安装进程操作。在安装过程中可通过 Win 键切换至桌面或其他应用程序继续使用，但请注意安装进程后期将进行自动重启操作，请不要进行一些无法被立即中断的任务或活动

如何提取 Edge 加载项（拓展程序）的 crx 包至 Chrome 使用？
type: item
date: 2024-03-21T07:48:00+00:00
description: 找到一个很不错的主题，是 微软 × 彩通 联动并由微软官方发布在 Edge 加载项商店的 彩通 2022 年度色主题 Pantone Color of the Year 2022该颜色是 PANTONE 17-3938 Very Peri（长春花蓝） 但是真的很奶紫诶（），官方阐释如下：好奇又有趣的 PANTONE 17-3938 长春花蓝展现自如自在的信心与大胆的好奇心，激励出我们的创造精神，帮助我们拥抱这个充满可能性的变异景观，让我们在重新塑造生活之时，敞开心胸迎向新视野。 PANTONE 17-3938 长春花蓝重新唤起人们对蓝色代表的一些特质的情感，再加上一个呼应今日的新视角，用新的光彩照亮未来。我们生活在一个彻底转变的时代。PANTONE 17-3938 长春花蓝正是此时此刻全球精神的象征，也代表着我们正在经历的转换。当我们脱离了一段密集隔离的时期，我们的想法与标准都在改变， 我们的实体与数码生活也以新的方式结合在一起。数码设计协助我们扩展现实的局限，打开大门迎向充满活力的虚拟世界，探索与创造新的色彩可能性。随着电子游戏的潮流，元宇宙观念的日益热门以及数码空间里艺术社群的兴起，PANTONE 17-3938 长春花蓝展现了现代生活的多元融合以及数码世界的色彩潮流如何显示在实体世界中，反之亦然。彩通色彩研究所副总裁 Laurie Pressman 也说：「彩通的年度代表色反映全球文化正在发生的现象，表达出人们指望这个色彩可望回应他们的需求。彩通年度代表色的教育性色彩计画史上首度打造一个新色彩，以反映正在发生的全球创新与转型。随着社会持续认知到色彩是一种重要的沟通形式，也是一种表达与影响想法和情感、以及吸引与连结人们的方式，这个注入红与紫的新的蓝色调具有的复杂性，正突显了在我们面前展开的广大可能性。」「PANTONE 17-3938 长春花蓝含括蓝色的特质，同时又保有紫红的基调，展现一种机灵、愉悦的态度与充满活力的风貌，激发勇气十足的创意与想象丰富的表现。」那么问题来了，我在 Edge 是用爽了，想在 Chrome 上使用怎么办捏？你立马就会发现，Edge 商店根本就不提供下载，甚至连 F12 网络选项卡都抓不到下载的包。因此在折腾跑通之后，我得出了以下方法：通过 Edge 打开 chrome 应用商店 CRX Extractor/Downloader，并安装该拓展程序至 Edge（通常 Edge 会在顶栏提供安装引导）访问 Edge 加载项 主页 / 主题 / Pantone Color of the Year 2022点击 Edge 右上角的 加载项菜单并点击 CRX Extractor/Downloader，并在弹出菜单中选择 Download as CRX 来下载 .crx 包（获取包时可能需要等待片刻）打开你的 Chrome（或任意版本足够的基于 Chromium 的浏览器）访问拓展程序管理页面，并打开 开发者模式，通常在页面的右上角将您刚才下载好的 .crx 包拖进 Chrome 拓展程序管理页面，出现 拖放以安装 提示后松手，按照提示完成安装即可

本地 commit 之后 git reset --hard 了之前的版本如何找回并恢复
type: item
date: 2023-11-10T10:25:00+00:00
description: git reflog找到丢失的 commit 并将前面的哈希值复制出来，通常是 8 个字符的哈希值。可以输入 q 回到命令行git checkout 哈希值跳转至丢失的 commitgit reset --soft HEAD~1撤回当前 commit，将更改恢复为可 commit 状态git stash将更改移至缓存git checkout 分支名切换回之前的分支git stash pop将更改从缓存中移回分支，之后可以重新进行 commit 操作

单独为 Github 设置代理而不影响其他 Git 仓库（如 Gitee）的操作
type: item
date: 2023-09-10T10:21:00+00:00
description: 以下方法可使在 Clone 或 Push Github 上的项目时通过代理执行；同时其他诸如对 Gitee 进行 Git 操作则不会通过代理git config --global http.https://github.com.proxy http://127.0.0.1:7890 git config --global https.https://github.com.proxy http://127.0.0.1:78907890 是 Clash 的默认代理端口，请您根据您的代理实际配置进行更改。上述仅适用于 http/https 协议如果你想 移除 上述指令带来的更改可执行下述指令git config --global --unset http.https://github.com.proxy git config --global --unset https.https://github.com.proxy

Strapi 4.10.1 + MySQL 开发中项目通过 Git 搬运至新设备的无法启动的问题记录 | Server wasn't able to start properly | error: knex: Required configuration option 'client' is missing
type: item
date: 2023-05-08T08:35:32+00:00
description: 报错日志[2023-05-08 16:08:25.900] debug: ⛔️ Server wasn't able to start properly. [2023-05-08 16:08:25.901] error: knex: Required configuration option 'client' is missing. Error: knex: Required configuration option 'client' is missing.解决方法检查 SQL 环境检查您的 MySQL 是否已从旧设备导出 SQL 表结构及数据并在新设备上复原环境。抹茶是通过 HeidiSQL 导出 .sql 文件并放于在项目内跟随 git 进行同步检查 /.env 文件由于 /.gitignore############################ # Strapi ############################ .env对 .env 文件进行了屏蔽，旧设备上的关于数据库及其余的一些系统配置未随 git 进行同步。一种方式就是编辑 /.gitignore 在 .env 前加上 # 使得该文件跟随 git 进行同步，此时再返回旧设备进行 commit 并 push，新设备再次执行 pull 解决问题另一种方式就是可能不同设备数据配置不一致，可以选择从旧设备拷贝 /.env 至新设备项目，如旧设备已无法访问可参照以下模板对 /.env 进行编辑ADMIN_JWT_SECRET=base64 字符串，如 WgxO/u8pR5tVvW/yBv1EBg== APP_KEYS=任意字符串，建议用英文 API_TOKEN_SALT=任意字符串，建议用英文 DATABASE_NAME=数据库名，如 strapi DATABASE_USERNAME=数据库用户名，如 root DATABASE_PASSWORD=数据库密码 DATABASE_CLIENT=mysql注意需自行依据情况编写上代码段 = 号后的内容关于 ADMIN_JWT_SECRET 的值，官方是推荐使用控制台如 cmd 调用以下 Node 指令进行生成node crypto.randomBytes(16).toString('base64')返回示例：ss8V43fb2+NSZLM6r5qTNQ==

ECharts tooltip 插入 HTML 绘制的自定义图标 marker 及关闭指示线 axisPointer.type 为 none
type: item
date: 2022-11-24T07:44:00+00:00
description: tooltip: { trigger: 'axis', backgroundColor: 'rgba(38,36,33,0.8)', axisPointer: { type: 'none', //关闭指示线 }, borderRadius: '0', extraCssText: "padding: 15px; line-height: 22px; color: rgba(255,242,202,0.8); font-family: 'PingFang SC Regular'", borderWidth: 0, formatter: () => { return ( //插入 HTML 绘制 渐变小方块图标 ` ` + ' ' + obj.tooltipsText + ' ' + obj.nowValue + ' ' + obj.unit ) }, },

CSS 文本指定行数后省略号省略后续文本
type: item
date: 2022-11-23T06:59:00+00:00
description: div { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; //省略号 -webkit-line-clamp: 4; //指定保留行数 -webkit-box-orient: vertical; }别忘记限制父级的 max-height 诶！不然有可能会将父级顶超出原有高度

ECharts legend 调整图例文字 text 与图标 icon 间距
type: item
date: 2022-11-01T07:26:00+00:00
description: 通过 legend.textStyle.padding 调节，其中 padding: [0, 0, 0, 4] 数组最后一位为左侧推出距离，数组四项分别代表 [上边距, 右边距, 下边距, 左边距]。若想使间距小于默认间距，可使用负数，如 padding: [0, 0, 0, -4] ，这一点可见此 padding 非彼 CSS padding 规则（ legend: { icon: 'square', itemWidth: 10, formatter: ' {a|{name}}', textStyle: { rich: { fontSize: 16, lineHeight: 12, verticalAlign: 'bottom', padding: [0, 0, 0, 4], }, }, },

ECharts legend 图例文字 text 与图标 icon 对齐
type: item
date: 2022-11-01T07:02:00+00:00
description: 先将文字置底 verticalAlign，再通过控制行高 lineHeight 与图例图标对齐。 legend: { icon: 'square', itemWidth: 10, formatter: ' {a|{name}}', textStyle: { rich: { a: { fontSize: 16, lineHeight: 13, verticalAlign: 'bottom', }, }, }, },