Typecho文档-Cookie申明进阶

文档说明：

在上一篇文章中，我们以Typecho-Jasmine主题为例，分享了如何改造网站，为页面底部引入Cookie使用申明。今天，我们将在之前的基础之上，更进一步，完善Cookie申明功能。

修改说明：

1.仅在PC端访问网站时显示Cookie申明
在之前的博文中小刘已经分享了实现方法，此处不再赘述，可点击下方的相关阅读卡片快速跳转。

只需要按照上述博文的修改说明第一条进行修改即可；
然后打开文件 usr/themes/jasmine/footer.php
搜索：

</style>

在其下方添加：

<?php if(isMobile()): ?>
    <?php else: ?>

搜索：

<script>

在其上方添加：

    <?php endif;?>

2.记忆Cookie申明关闭状态，关闭以后复访不再显示
打开文件 usr/themes/jasmine/footer.php
搜索：

// 使用localStorage记录关闭状态（可选）
localStorage.setItem('cookieBannerClosed', 'true');
});

在其下方添加：

// 检查关闭状态（可选）
window.onload = function() {
if(localStorage.getItem('cookieBannerClosed') === 'true') {
    document.getElementById('cookieBanner').style.display = 'none';
}
};

3.解决修改后PC端Jasmine主题左侧导航栏底部按钮遮罩
打开 usr/themes/jasmine/component/nav.php
搜索：

<ul class="flex flex-col flex-wrap content-center gap-y-2">

替换为：

<ul class="flex flex-col flex-wrap content-center gap-y-2" style="margin-bottom:50px">

至此，升级完成，其中1/2/3每一条都相互独立，你可以根据需要进行改造升级。