KITA

Halo 扩展数据管理工具

喜多郁代 — Fri, 6 Mar 2026 05:21:08 GMT

介绍 Halo Extensions Tools 这一纯前端 Web 工具，用于高效管理和批量修改 Halo 博客系统的扩展数据文件，解决如图床迁移等场景下批量替换图片链接的繁琐问题。

Git 操作之压缩提交记录

喜多郁代 — Thu, 26 Feb 2026 14:17:06 GMT

本文详细介绍了如何使用 Git rebase 的 squash 功能将多个提交记录压缩为一条，以保持仓库提交历史的整洁。

LobeChat V1 版本关闭更新日志弹窗

喜多郁代 — Fri, 20 Feb 2026 03:21:43 GMT

本文介绍了 LobeChat V1 版本在 V2 发布后频繁弹出更新日志弹窗的问题，并提供了通过设置 FEATURE_FLAGS 环境变量为 -changelog 来关闭此弹窗的解决方案。文章还拓展了其他可配置的特性标志及其默认值。

Shiki 代码行功能

喜多郁代 — Sat, 7 Feb 2026 11:48:55 GMT

本文展示了在 TypeScript 代码块中使用特定注释标记来控制代码高亮、聚焦、隐藏、警告以及行号范围等显示效果。

PWA：让 Web 应用拥有原生 App 体验的关键技术

喜多郁代 — Sat, 10 Jan 2026 17:17:26 GMT

这是一篇 AI 生成的文章，仅用于测试！！！一、什么是 PWA？ PWA 并不是某一个具体的框架或语言，而是一组 Web 技术和最佳实践的集合。它的目标是让 Web 应用具备接近甚至媲美原生 App 的使用体验，例如：可安装到桌面或手机主屏幕离线可用或弱网可用加载速度快支持推送通知类似原

个人主页

喜多郁代 — Wed, 31 Dec 2025 15:30:04 GMT

本文介绍了一个基于翠翠开源个人主页的二次开发项目。原项目配置修改困难且卡片显示控制不便，因此作者开发了一个半可视化配置页面，旨在简化配置流程并提升易用性。新功能包括支持自动获取 Halo 文章、通过拖拽对卡片进行排序、控制卡片显示与否以及配置 PWA。文章提供了项目预览图和源仓库与二次开发仓库的链接。

文章阅读限制

喜多郁代 — Sat, 27 Dec 2025 07:58:02 GMT

文章介绍了在 Next.js 中使用组件时，可以通过设置 priority 属性为 true 来优化首屏图片的加载性能，以及使用 placeholder 和 blurDataURL 属性来改善用户体验。

甘露寺蜜璃

喜多郁代 — Sun, 14 Dec 2025 00:46:02 GMT

这是一组《鬼灭之刃》角色甘露寺蜜璃的 cosplay 图片展示，并附有其角色背景、性格特点和武器介绍。

使用 1Paenl 部署 lobechat DB 版

喜多郁代 — Fri, 14 Nov 2025 14:23:26 GMT

本文详细介绍了在 1Panel 环境中部署 LobeChat DB 版的完整流程。首先需要安装 PostgreSQL 和 Casdoor 服务，其中 PostgreSQL 需支持 pgvector 扩展以用于向量数据存储。随后配置 Casdoor 作为身份认证服务，并创建包含数据库连接、认证密钥、S3 存储服务等关键参数的 lobechat.env 环境文件。最后通过 Docker 命令启动 LobeChat 容器，将其接入 1Panel 网络并映射端口 3210。整个部署过程涵盖了环境准备、服务配置和容器运行三个主要步骤。

PostgreSQL Alpine 版本安装 pgvector 扩展

喜多郁代 — Wed, 22 Oct 2025 17:26:07 GMT

本文记录了在 1Panel 环境中为 PostgreSQL 17.6-alpine 版本手动安装 pgvector 0.7.0 扩展的完整过程。安装步骤包括环境准备、解决依赖包安装失败问题、获取 pgvector 源码、处理版本兼容性以及编译安装。关键操作包括更新 Alpine 镜像源、创建必要的符号链接以解决 LLVM 版本兼容性问题，并通过 SQL 测试验证扩展功能。最终成功实现了向量数据类型的支持及相似性搜索功能。

使用 Node.js 自动生成 Markdown 图片插入格式

喜多郁代 — Sat, 27 Sep 2025 00:47:03 GMT

本文介绍了一个用于自动生成Markdown图片插入代码的Node.js脚本。该脚本扫描当前目录，识别常见图片格式（如.jpg、.png等），并为每张图片自动生成格式为`![alt text](image_path)`的Markdown代码。其中，alt text默认为文件名（不含扩展名）。脚本支持通过命令行参数自定义图片路径前缀（如相对路径、绝对路径或URL）。执行后，脚本会将生成的Markdown代码输出到控制台，并同时保存到名为`images.md`的文件中。文中提供了完整的脚本代码、使用前的环境准备步骤（需安装Node.js）、运行命令示例以及脚本的亮点，包括其灵活性、自动化、健壮性和易用性。

使用阿里云 OSS SDK 上传文件（Java 版）

喜多郁代 — Thu, 28 Aug 2025 11:49:12 GMT

本文介绍了如何在 Java 项目中使用阿里云 OSS SDK 上传文件。首先需要完成准备工作，包括开通 OSS 服务、创建 Bucket、获取 AccessKey 以及安装 JDK 和 Maven/Gradle。然后通过 Maven 或 Gradle 引入 OSS SDK 依赖，并初始化 OSS 客户端。文章提供了三种上传示例：上传字符串内容、上传本地文件以及上传输入流（适用于 Web 上传）。最后，针对常见问题如访问权限、大文件上传和安全实践给出了建议，并推荐参考官方文档了解更多高级功能。

命名时使用 “-” 还是 “_” 更好？

喜多郁代 — Wed, 20 Aug 2025 14:15:21 GMT

本文对比分析了编程和数据库设计中常用的两种命名连接符：短横线（-）和下划线（_）。短横线适用于URL和文件名，可读性强且对SEO友好，但多数编程语言不支持。下划线广泛用于代码变量和数据库字段，兼容性好且符合社区规范。最佳实践建议在代码和数据库中使用下划线，在URL和文件命名中使用短横线，并强调团队统一规范的重要性。

1Panel自动推送SSL证书至阿里云

喜多郁代 — Sun, 17 Aug 2025 14:16:37 GMT

本文介绍了一个自动化上传SSL证书到阿里云CDN的解决方案。由于域名SSL证书到期时间不统一导致续签混乱，作者提供了通过阿里云CLI工具自动上传证书的脚本。脚本需要传入AccessKey ID、Secret和域名参数，可选证书目录路径，默认使用当前目录。它会检查证书文件是否存在，配置阿里云CLI，并将证书上传至指定域名的CDN服务。文章还建议将脚本移动到系统PATH目录以便全局使用，并给出了具体的使用示例命令。该方案简化了SSL证书管理流程，提高了运维效率。

少女终结的幻想乡

喜多郁代 — Fri, 8 Aug 2025 18:46:49 GMT

该文章为一篇网络漫画作品，标题为《少女终结的幻想乡》。内容以图片形式呈现，包含多张漫画页面，通过视觉叙事展现故事情节。漫画风格偏向日系，主题涉及幻想与少女元素，具体情节需通过图像内容进一步解读。

HTML自定义标签-画廊

喜多郁代 — Wed, 6 Aug 2025 11:24:02 GMT

本文介绍了两种Web组件实现方式：使用Shadow DOM的GalleryElement和不使用Shadow DOM的GalleryNoShadowElement。两者都实现了图片轮播功能，包含导航按钮、计数器和平滑过渡效果。主要区别在于Shadow DOM版本具有样式隔离特性，而无Shadow DOM版本更易于与外部样式交互，适合需要与灯箱等外部组件集成的场景。两种组件都通过自定义元素API注册，支持直接在HTML中使用。

跨域问题

喜多郁代 — Tue, 22 Jul 2025 12:01:58 GMT

本文主要探讨了跨域问题及其解决方案。跨域是由于浏览器的同源策略限制不同源之间的交互，涉及协议、域名或端口的差异。CORS（跨域资源共享）是现代浏览器的标准解决方案，通过服务器设置响应头（如Access-Control-Allow-Origin）来允许特定来源的请求。文章列举了三种常见跨域场景及解决方法：开发环境请求后端接口、携带Cookie的请求失败以及通过Nginx代理解决跨域。同时强调了安全注意事项，如避免同时使用通配符和凭证许可。最后总结了不同跨域处理方式的适用场景和推荐程度，其中设置CORS响应头和Nginx反向代理是最推荐的解决方案。

H1-H6标签正确使用指南：结构逻辑与优化技巧

喜多郁代 — Tue, 15 Jul 2025 06:37:07 GMT

H1-H6标签是网页内容层级结构的关键元素，用于优化SEO和提升阅读体验。H1作为主标题，应唯一且精准概括全文主题。H2用于划分主要章节，数量根据文章长度调整。H3-H6逐级细化内容，构建“总-分-细”逻辑链。合理使用H标签能直接提升SEO排名，帮助搜索引擎理解内容结构，同时增强读者扫描式阅读的体验。使用时需避免跳过层级、过度使用或标题与内容不符等错误。H标签的本质是将内容逻辑可视化，遵循“唯一H1、合理H2、逐层细分”原则，确保结构与内容匹配，兼顾搜索引擎友好性和用户易读性。

H1 至 H6 标签的使用

喜多郁代 — Tue, 15 Jul 2025 06:30:12 GMT

这篇文章主要介绍了HTML标题标签（H1至H6）的正确使用方法和重要性。H1标签应作为文章主标题，简明扼要地概括核心内容；H2标签用于划分主要章节；H3至H6则用于内容的逐级细分。合理使用标题标签能提升SEO效果，帮助搜索引擎理解内容结构，同时也能增强用户的阅读体验。文章还强调了使用标题标签的注意事项：保持层级顺序、避免过度使用、确保标题与内容匹配。这些规范有助于创建结构清晰、易于阅读的网页内容。

个性定位信息

喜多郁代 — Fri, 11 Jul 2025 10:23:40 GMT

本文介绍了一个基于Web组件的访客地理位置展示工具的实现方案。通过自定义HTML标签，该组件能够自动获取访问者的IP地址，调用API查询地理位置信息，并计算与博主设定位置的距离。组件采用模块化设计，包含IP信息获取服务、UI渲染处理和配置管理三个核心模块，支持响应式布局和错误重试机制，同时提供根据时间和地域显示个性化问候语的功能。