xinaide-cloud

一款为 xinai.de 设计的大气沉浸式 WordPress 博客主题。主题延续原站 Kratos 的水景横幅与成熟博客结构，重新设计首页、文章、归档、搜索、页面、404、侧栏和页脚；Vue 3 + Soybean UI 负责搜索、移动菜单与深浅色切换。

特性

• 原站水景大横幅、深色导航与更宽阔的编辑式内容布局
• WordPress 原生首页、文章、页面、归档、搜索、404 与评论模板
• Vue 3 + Soybean UI 搜索、移动导航和深浅色切换
• 桌面、平板与手机响应式布局
• 独立「外观 → Xinaide Cloud」主题控制台
• 可设置品牌色、宽度、页头、首页横幅、按钮、数据、文章信息、自动目录、侧栏介绍、二维码、页脚、备案、SEO 与自定义 CSS
• 兼容 Kratos 的 views 热度、love 点赞、正文首图和旧文章数据
• 自动读取文章第一张图片作为列表封面，并支持默认封面
• 原生 PHP 内容输出，兼顾 SEO、Open Graph 与插件兼容性

安装

1. 下载可安装包 xinaide-cloud.zip，或下载仓库源码 ZIP。
2. 将主题压缩包上传到 WordPress「外观 → 主题 → 安装主题」。
3. 启用后进入「外观 → Xinaide Cloud」设置整站视觉、横幅、文章、侧栏和页脚。
4. 到「外观 → 菜单」设置主导航和页脚导航。
5. 如需添加额外模块，到「外观 → 小工具」设置博客侧栏。

压缩包已包含构建后的前端资源，服务器不需要 Node.js。

开发

npm install
npm run dev
npm run build

环境要求：WordPress 6.2+、PHP 7.4+、Node.js 18+（仅二次开发需要）。

版本

当前版本：v1.5.0

• 修复文章内页超长超链接错位：正文与链接支持任意位置断行，长 URL 不再撑破版面
• 侧栏「分类导航」与「友情链接」卡片化美化：双列徽章/名片布局、计数徽章、悬停反馈
• 修复 v1.4.1 后台设置页因 HTML5 校验导致保存失败的问题
• 新增页头头像（Logo）后台上传，自动裁切为圆形显示；侧栏站长头像同步支持自动裁切
• 修复首页横幅数据统计排版：长文字数值不再换行错乱
• 修复文章代码块看不清：改为浅色代码面板，兼容 Editor.md / Prism 高亮，行内代码改为徽章样式
• 头部跟随浅色/深色模式自动切换（浅色白底深字），透明玻璃模式同步适配
• 文章封面改为模糊背景 + 完整包含双层显示，任何比例图片不再裁切
• 首页新增置顶文章紧凑列表（借鉴 xiaoz 博客），置顶文章不再重复出現在卡片中
• 修复侧栏重复搜索框：配置小工具后不再显示内置搜索
• 前台卡片与后台控制台全面清爽化（Soybean 风格：小圆角、轻阴影、无衬线列表标题、扁平表单）
• 页脚新增网站运行时间实时计时（建站日期可设置，按 UTC+8 计）
• 页脚新增服务器运行状态入口（链接与文字可设置）
• 页脚社交渠道新增 YouTube，默认对齐原站微博/X/Telegram/YouTube/GitHub/邮箱
• 清理冗余代码与旧预览文件

许可证

GPL-2.0-or-later