JueAi Ui - Typecho 个人主页主题

主题简介

JueAi Ui 是一款专为 Typecho 设计的个人主页主题，采用现代 UI 设计风格，融合了 Tailwind CSS 框架与响应式布局，适用于技术博主、开发者、设计师等个人展示使用。

主要特性

1. 现代化设计

• 采用 Tailwind CSS 3.0+ 构建，响应式布局
• 卡片式设计，阴影与圆角搭配
• 渐变背景与平滑动画效果
• 暗色模式支持（基础结构）

2. 功能模块丰富

• 个人介绍模块：展示基本信息、成就统计
• 技能展示模块：可配置的技能列表与进度条
• 项目展示模块：自动获取“我的项目”分类文章
• 最新文章模块：自动排除指定分类的最新文章
• 其他网站模块：展示个人运营的其他网站
• 娱乐小工具模块：包含摸鱼计时、网络测速、随机一言等
• 联系方式模块：多种联系方式展示

3. 技术亮点

• 代码高亮：支持 Prism.js 代码高亮
• 图片灯箱：集成 GLightbox 实现图片放大查看
• 视频嵌入：支持 video 和 iframe 嵌入的响应式处理
• 评论系统：增强型评论界面，支持头像显示
• 移动端适配：完整的移动端菜单和响应式布局

4. 配置管理

• 主题设置面板：完整的后台配置选项
• JSON 格式配置：技能、成就、网站等数据使用 JSON 格式存储
• 配置备份恢复：支持配置的备份、恢复、导入导出功能
• 头像类型选择：支持 QQ 头像和自定义头像

5. SEO 优化

• 完整的 Open Graph 元标签支持
• 规范的 HTML5 结构
• 语义化标签使用
• 页面加载速度优化

6. 辅助功能

• 返回顶部按钮：滚动时自动显示
• 移动端菜单：侧滑式移动端菜单
• 赞助支持模块：支持微信、支付宝、QQ 收款码展示
• 网站状态检测：其他网站模块自动检测网站状态

安装与使用

安装步骤

1. 下载主题压缩包
2. 解压到 Typecho 的 /usr/themes/ 目录下
3. 在 Typecho 后台启用 JueAi Ui 主题
4. 进入主题设置页面进行配置

基本配置

1. 基本信息设置：填写昵称、简介、个人介绍等
2. 头像设置：选择头像类型（QQ 头像或自定义链接）
3. 模块配置：在主题设置中配置技能、成就、网站列表等 JSON 数据
4. 收款设置：上传微信、支付宝、QQ 收款码图片

特别说明

• 项目展示：需要创建名为“我的项目”的分类，发布的文章将自动显示在项目模块
• 最新文章：自动排除“我的项目”分类的文章
• 娱乐工具：可在主题设置中开启或关闭娱乐小工具模块

主题结构

JueAi-Ui/
├── header.php          # 头部模板
├── footer.php          # 底部模板
├── index.php           # 首页模板
├── post.php            # 文章页模板
├── archive.php         # 归档页模板
├── 404.php             # 404 页面模板
├── comments.php        # 评论模板
├── functions.php       # 主题函数文件
├── assets/             # 静态资源目录
│   ├── css/           # 样式文件
│   ├── js/            # JavaScript 文件
│   └── img/           # 图片资源

注意事项

1. 确保服务器支持 PHP 7.0+
2. 主题使用了部分 Font Awesome 图标，需确保网络连接正常
3. 配置 JSON 数据时请注意格式正确性
4. 启用娱乐工具模块可能需要允许跨域请求

更新日志

v1.0.4

• 优化移动端菜单体验
• 修复评论头像显示问题
• 增强代码高亮支持
• 改进配置备份功能

下载使用

本地下载:JueAi-Ui-1.0.4.zip

支持与反馈

如在使用过程中遇到问题或有改进建议，请通过以下方式联系：

• 主题作者：尘苍
• 联系邮箱：support@jueai.chat
• 个人主页：https://www.jueai.chat

版权声明

本主题采用 CC BY-NC-SA 4.0 协议开源，可自由使用和修改，但需保留原作者信息，不得用于商业用途。

感谢您选择 JueAi Ui 主题，希望它能成为您展示个人风采的好帮手！