本文介绍了两个自定义Web组件的实现与使用方法。第一个是<bilibili-video>组件，用于嵌入Bilibili视频播放器，支持BV号、自动播放和静音设置，通过Shadow DOM实现样式隔离。第二个是<resource-link>组件，用于创建具有双色样式的链接按钮，支持左右侧独立文本设置和链接跳转功能。文章提供了详细的属性说明、使用示例和注意事项，并展示了包含这两个组件的完整HTML页面实现方案。

作者修改了个人博客首页，实现自动从Halo获取文章数据并定期更新。通过GitHub Actions定期执行脚本，结合info.ts文件控制卡片显示，最终使用Vercel部署，提高了站点的更新效率和展示灵活性。新站点可访问：[https://www.houxiongxiong.icu/](https://www.houxiongxiong.icu/)。

在移动端访问博客的网站声明时，有几率跳转至一个中转站链接1，该链接随后会跳转至链接2，最终导向百度。此现象仅出现在移动端，且仅限于网站声明页面。两个跳转域名均为新注册，存在时间较短。目前PC端未出现此问题，寻求解决方案。

当前服务器资源配置较低，每次升级服务后不敢重启，担心出现无尽重启的问题。体验过高配服务器后，感觉非常顺畅。考虑今后升级到两个服务器，一个用于服务，一个用于防护。

前言 原来的不蒜子在谷歌浏览器里面无法连接（如下图），于是我查找了相关的网站计数工具，最终找到了一个开源可自搭建的不蒜子-soxft。 安装 我使用的是docker进行安装，因为该项目使用的是redis进行存储而redis掌握在自己手里，这就方便迁移数

前言 在页面切换时发现页面会白屏很长一段时间，切换浏览器也是同样的情况，在开发者工具中发现网络加载部分有一大段时间被某个JS占用。 图示

背景 一觉醒来网站宕机了，报502的错误，经过排查后发现是DCDN的问题。不使用DCDN，域名使用A指向服务器IP地址就可以正常访问。 解决 经过一次次的试探，发现使用一个新域名来执行A，在DCDN中使用源站域名来进行指向，将两个域名的SSL配好后即可正常访问。 flowchart LR