KITA 博客
-
记一次 Halo 后台界面突然变成英文：一场浏览器缓存引发的假故障
Halo 后台界面突然全部变成英文，切换语言后发现只有简体中文异常，日志里出现 ZipException: invalid stored block lengths。切换用户、清除 Cookie 均无效，换浏览器与隐私模式却正常，最终按 Ctrl + Shift + R 强制刷新解决。本文记录这场由浏览器缓存损坏引发的「假故障」的完整排查过程与经验。
-
谈谈我不喜欢的博客网站
本文批判了网站设计中常见的几种不良用户体验实践，包括冗长强制引导、禁用文本复制、屏蔽开发者工具、自动播放音频以及首屏加载逻辑不当，并指出网站公开访问必然伴随公众反馈。
-
Halo 扩展数据管理工具
介绍 Halo Extensions Tools 这一纯前端 Web 工具，用于高效管理和批量修改 Halo 博客系统的扩展数据文件，解决如图床迁移等场景下批量替换图片链接的繁琐问题。
-
个人主页
本文介绍了一个基于翠翠开源个人主页的二次开发项目。原项目配置修改困难且卡片显示控制不便，因此作者开发了一个半可视化配置页面，旨在简化配置流程并提升易用性。新功能包括支持自动获取 Halo 文章、通过拖拽对卡片进行排序、控制卡片显示与否以及配置 PWA。文章提供了项目预览图和源仓库与二次开发仓库的链接。
-
1Panel自动推送SSL证书至阿里云
本文介绍了一个自动化上传SSL证书到阿里云CDN的解决方案。由于域名SSL证书到期时间不统一导致续签混乱，作者提供了通过阿里云CLI工具自动上传证书的脚本。脚本需要传入AccessKey ID、Secret和域名参数，可选证书目录路径，默认使用当前目录。它会检查证书文件是否存在，配置阿里云CLI，并将证书上传至指定域名的CDN服务。文章还建议将脚本移动到系统PATH目录以便全局使用，并给出了具体的使用示例命令。该方案简化了SSL证书管理流程，提高了运维效率。
-
HTML自定义标签-画廊
本文介绍了两种Web组件实现方式：使用Shadow DOM的GalleryElement和不使用Shadow DOM的GalleryNoShadowElement。两者都实现了图片轮播功能，包含导航按钮、计数器和平滑过渡效果。主要区别在于Shadow DOM版本具有样式隔离特性，而无Shadow DOM版本更易于与外部样式交互，适合需要与灯箱等外部组件集成的场景。两种组件都通过自定义元素API注册，支持直接在HTML中使用。
-
H1-H6标签正确使用指南：结构逻辑与优化技巧
H1-H6标签是网页内容层级结构的关键元素，用于优化SEO和提升阅读体验。H1作为主标题，应唯一且精准概括全文主题。H2用于划分主要章节，数量根据文章长度调整。H3-H6逐级细化内容，构建“总-分-细”逻辑链。合理使用H标签能直接提升SEO排名，帮助搜索引擎理解内容结构，同时增强读者扫描式阅读的体验。使用时需避免跳过层级、过度使用或标题与内容不符等错误。H标签的本质是将内容逻辑可视化，遵循“唯一H1、合理H2、逐层细分”原则，确保结构与内容匹配，兼顾搜索引擎友好性和用户易读性。
-
H1 至 H6 标签的使用
这篇文章主要介绍了HTML标题标签（H1至H6）的正确使用方法和重要性。H1标签应作为文章主标题，简明扼要地概括核心内容；H2标签用于划分主要章节；H3至H6则用于内容的逐级细分。合理使用标题标签能提升SEO效果，帮助搜索引擎理解内容结构，同时也能增强用户的阅读体验。文章还强调了使用标题标签的注意事项：保持层级顺序、避免过度使用、确保标题与内容匹配。这些规范有助于创建结构清晰、易于阅读的网页内容。
-
个性定位信息
本文介绍了一个基于Web组件的访客地理位置展示工具的实现方案。通过自定义HTML标签<ip-info>，该组件能够自动获取访问者的IP地址，调用API查询地理位置信息，并计算与博主设定位置的距离。组件采用模块化设计，包含IP信息获取服务、UI渲染处理和配置管理三个核心模块，支持响应式布局和错误重试机制，同时提供根据时间和地域显示个性化问候语的功能。
-
Ts-Web-Module 测试
https://github.com/AR-26710/ts-web-module Bilibili视频嵌入组件 自动播放静音模式
