Typecho文档-Cookie申明

发布于: 2025-05-23 所属类目: typecho

文档说明:

随着互联网技术的发展以及用户隐私保护倡议的落地,越来越多的网站都开始在网页的或顶部或底部或弹窗明确告知用户Cookie的使用,我也不甘落后。
以本站正在使用的Jasmine主题为例,下面是改造方法。

涉及文件:

usr/themes/jasmine/footer.php

修改说明:

1.打开文件 usr/themes/jasmine/footer.php,搜索:

<div class="flex flex-col lg:mb-16 py-3 dark:text-gray-500">

2.在其上方添加如下代码:

<style>
/* 悬浮窗容器 */
.cookie-banner {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: rgba(215,215,215,0.9);
color: #000;
padding: 15px 20px;
display: flex;
align-items: center;
justify-content: space-between;
z-index: 999;
box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
}
/* 关闭按钮 */
.close-btn {
cursor: pointer;
margin-left: 15px;
border-radius: 3px;
transition: background 0.3s;
font-size: x-large;
}
</style>
   <div class="cookie-banner" id="cookieBanner">
  <div style="margin-left: auto; margin-right: auto;">
    我们使用cookie来确保您的高速浏览体验。继续浏览本站,即表示您同意我们使用cookie。
  </div>
  <div class="close-btn" id="closeBtn">×</div>
  </div>
<script>
// 关闭功能实现
document.getElementById('closeBtn').addEventListener('click', function() {
document.getElementById('cookieBanner').style.display = 'none';
// 使用localStorage记录关闭状态(可选)
localStorage.setItem('cookieBannerClosed', 'true');
});
</script>

至此,改造完成。其他模板修改参照此方法实现。

微信扫码分享

请使用微信扫描二维码分享

网站已运行 45 天 | 共有文章 42 篇