没啥技术含量不高，最近在学php, 纯属瞎折腾；

之前用typecho搭建的博客被揍了，最近开始研究博客程序，

为方便阅读增加一个无图模式 切换，想来不如直接加个主题切换功能；

有时候看到喜欢的主题想，又舍不得现在的，这下鱼与熊掌 均可得啦，

 

抛砖引玉，各位可自行修改；例如：给自己引导页，米表增加不同的风格背景；

 

演示地址：https://www.ximi.me/

切换方法：点页面底部  对应链接 即可

演示效果如下：

风格一：

风格二：

参考代码1：

<?php
//这是根目录文件
session_start();

// 如果 URL 中有 `theme` 参数，则设置主题，并将其存入 session
if (isset($_GET['theme'])) {
    $_SESSION['theme'] = $_GET['theme'];
}

// 从 session 中获取主题，默认为 'book'
$theme = isset($_SESSION['theme']) ? $_SESSION['theme'] : 'book';

// 引入当前主题的 about.php 文件
include("themes/$theme/index.php");
?>

参考代码2：

<!-- 这个代码放在模板目录内，前台页面必须引用此代码，例如页眉页脚 -->
<!-- footer.php -->
<footer>
<div class="footer">
<p>© 2024  [ <a href="https://www.ximi.me" target="_blank" rel="noopener noreferrer">ximi</a>  ]  All  Rights  Reserved .</p> 
<p>
 <a href="#" onclick="switchTheme('book')" title="切换到 Book 主题">主题1</a>&ensp;|&ensp;
 <a href="#" onclick="switchTheme('book1')" title="切换到 Book 主题无图模式">无图1</a>&ensp;|&ensp;
 <a href="#" onclick="switchTheme('default')" title="切换到 default主题">主题2</a>&ensp;|&ensp;
 <a href="#" onclick="switchTheme('default1')" title="切换到 default主题无图模式">无图2</a>
</p>   

 </div> 
</footer>
<script>
function switchTheme(theme) {
    location.href = '?theme=' + theme;
}
</script>

</body>
</html>

上传的附件：

• footer.php
• index.php