【Typecho】Icefox 响应式博客主题

主题介绍

一个现代化、响应式的 Typecho 博客主题，采用 Bulma 框架和 Alpine.js 构建，提供流畅的用户体验和丰富的交互功能。

主题预览

安装步骤

前置要求

Typecho >= 1.2.0
PHP >= 7.0.0
MySQL/MariaDB 数据库

下载主题

cd /path/to/typecho/usr/themes/
git clone https://github.com/xiaopanglian/icefox.git

解压后确保主题名称为icefox

安装插件

开源地址：https://github.com/zsxcoder/icefox-plugins
主题依赖 icefox 插件提供后端功能，请确保安装插件：
/path/to/typecho/usr/plugins/Icefox/
解压后确保插件名称为Icefox (备注：首字母大写)

插件负责：
创建数据库表（typecho_icefox_archive、typecho_icefox_likes）
注册 API 路由（点赞、评论等接口）

启用主题

登录 Typecho 后台 → 插件 → 启用 Icefox 插件
登录 Typecho 后台 → 外观 → 启用 Icefox 主题

目录结构

icefox/
├── assets/              # 静态资源
│   ├── css/             # 样式文件
│   ├── js/              # JavaScript 脚本
│   ├── fonts/           # 字体文件
│   └── images/          # 图片资源
├── components/          # 组件目录
│   ├── modals/          # 模态框组件
│   ├── post/            # 文章相关组件
│   └── svgs/            # SVG 图标
├── core/                # 核心工具函数
├── index.php            # 首页模板
├── header.php           # 头部模板
├── footer.php           # 底部模板
├── post.php             # 文章详情页
├── page.php             # 独立页面
├── archive.php          # 归档页
├── functions.php        # 主题函数库
└── comment_function.php # 评论函数

配置主题

在主题设置页面根据需要调整配置

音乐卡片短代码

在文章中插入音乐播放器：

[music title="歌曲名" artist="歌手" cover="封面图URL" src="音频URL"]

主题下载