本文介绍如何通过一个无渲染组件 HeroBG,为 vuepress-theme-hope 主题定制全屏 Hero、固定背景、自适应遮罩以及统一页脚样式,让博客首页更具沉浸感。
2026/6/28大约 5 分钟
本文介绍如何通过一个无渲染组件 HeroBG,为 vuepress-theme-hope 主题定制全屏 Hero、固定背景、自适应遮罩以及统一页脚样式,让博客首页更具沉浸感。
在搭建 undz.cn 的过程中,我希望博客首页的 Hero 区域能有一些动态的人文气息,而不只是一句固定的标语。于是我在博客首页集成了一言(Hitokoto)API,让每次刷新页面或点击时,都能随机展示一句来自不同作品的名言。本文将分享我实现这一效果的 Hitokoto.vue 组件设计思路与完整代码。
在搭建 undz.cn 的过程中,我需要确保网站符合 GDPR 及国内相关隐私法规的要求,尤其是在使用 Cookie 和第三方服务时。本文分享了 PrivacyMessaging.vue 组件的设计思路与实现细节,它提供了一个可配置的隐私同意横幅,帮助用户在阅读协议后自主选择 Cookie 偏好。