XuCard小清新主题

XuCard

一款基于 Typecho 1.3 的清新卡片式个人主页 / 博客主题。
错落网格布局、毛玻璃质感、时段自适应 Banner、深色模式，内置「项目 / 推荐分享 / 优秀博客」三套短代码驱动的聚合页面。

演示

在线预览

下载

✨ 特性

• 🎴 错落卡片网格首页：问候卡、时段自适应 Banner、最新文章、随机推荐、音乐播放器，多卡片错落排布。
• 🖼️ 时段自适应 Banner：按「上午 / 下午 / 傍晚 / 夜间」自动切换背景图，支持兜底图与对齐位置微调。
• 📰 最新文章卡片：显示缩略图（无图自动回退默认图）、标题、摘要与发布时间。
• 🎲 随机推荐卡片：后端 array_rand 从「推荐分享」页面随机抽取一条资源；整卡点击跳转到 /share，卡内资源名单独打开原链接。

• 🧩 短代码系统：内置三套短代码，源码模式即可批量管理内容。

  • [project] —— 我的项目（projects 页）
  • [resource] —— 推荐分享（share 页）
  • [blog] —— 优秀博客（blogs 页）
• 📑 四类独立页面模板：归档、项目作品集、推荐分享库、优秀博客库。
• 🔗 社交图标：GitHub / 掘金 / 邮箱，无卡片边框的圆形图标按钮，未配置则自动隐藏。
• 🌗 深色模式：跟随系统 / 浅色 / 深色三态，前端可手动切换并本地记忆。
• 📱 响应式：移动端单列自适应，社交图标居中。
• ⚡ PJAX 支持：站内切换无刷新，短代码页面交互脚本自动重绑。
• 🔒 XSS 防护：所有输出均经过 htmlspecialchars 转义，外链带 URL 协议白名单。

开源地址

前往Github