浮光(floatlee)是一套为 Z-BlogPHP 打造的现代化主题,把「被搜索收录好、打开快、手机上好看、既能写个人博客又能撑起门户站」作为核心设计目标。它不是又一套只在内核里堆视觉的主题,而是在模板层就把 SEO 结构化数据、移动适配声明、性能优化做成了默认行为。
浮光(floatlee)把「被搜得到、打开快、手机上好看、个人站门户站都能用」做成了主题出厂默认值,而不是事后补丁。如果你的目标是让内容在搜索引擎与 AI 搜索里都有稳定、准确的曝光,同时兼顾访问速度与移动体验,它会省掉你大量「怎么没收录 / 怎么又慢了」的排查成本。
SEO/GEO 友好:模板内置双JSON-LD结构化数据 + 全页型 Open Graph + 分页面类型精准 Meta。
响应快:图片懒加载、零重型前端依赖、静态资源带版本戳缓存。
移动优先:viewport-fit=cover 适配刘海屏、响应式抽屉导航、评论区移动端深度适配。
一主题两形态:后台可配首页精选、完善分类/标签体系,个人博客与门户网站通用。
浮光在 header-seo.php 中对每个页面类型输出对应的 SEO 元信息,而不是全站套用同一套。这让百度、Google、微信/微博分享卡片、以及 ChatGPT / 文心一言 / 豆包等生成式引擎都能拿到准确、结构化的页面信息。
每篇文章页同时输出两份 JSON-LD:
百度熊掌号/搜索结构化数据(ziyuan.baidu.com/contexts/cambrian.jsonld):含 title、images、description、pubDate、upDate,直接服务百度结果页富摘要。
schema.org 标准结构化数据:@type 随页面类型变化(文章/列表/页),含 headline、mainEntityOfPage、image、datePublished、dateModified、author,是 Google 与各 AI 搜索引擎理解页面语义的通用语言。
结构化数据可被 AI 搜索直接解析,这正是 GEO(Generative Engine Optimization,生成式引擎优化) 的关键——让机器读懂你的内容,从而在 AI 回答中被准确引用。
首页、分类页、标签页、文章页、搜索页、独立页均输出 og:type / og:title / og:description / og:image / og:url,并额外带 og:release_date、og:updated_time、og:article:author。社交分享与即时搜索结果都能拿到规范的标题、摘要与封面图。
| 页面类型 | 输出的关键字段 |
|---|---|
| 首页 | 站点description / keywords(后台配置) |
| 分类页 |
keywords(可配 CategoryKey)、description(分类简介) |
| 标签页 |
keywords(可配标签关键词)、description
|
| 文章页 |
keywords(可配 Articlekey 或自动取标签)、description(可配 Articledesc 或自动摘要)、author
|
| 搜索页 |
keywords、结果描述 |
| 独立页 |
keywords、description
|
后台可为文章、分类、标签单独填写自定义关键词与描述,不配则自动回退到标签 / 简介,运营无需改模板。
头部输出 <meta name="applicable-device" content="pc,mobile">,明确告知搜索引擎本站 PC 与移动端同源适配,避免移动搜索被降权,也利于生成式引擎做设备维度判断。
模板保持语义化 HTML(header / main / article / section 等)与规范的 h1-h3 层级,便于爬虫与 AI 解析内容主题与从属关系。
原生 loading="lazy" 在浏览器里往往「预取 2.5 屏 + HTTP 缓存」,F12 看到的全是「已加载」,等于没懒。浮光改用真正的 data-src 懒加载:
列表封面初始只放 1×1 透明占位图,data-src 存真实地址;
用 IntersectionObserver(提前 200px)在滚到视口附近才换回真实 src;
每个懒加载 img 后都带 <noscript><img src="真实图"></noscript>,不执行 JS 的爬虫也能拿到真实 URL;
首屏主图(首页精选、列表大图)直接用真实 src + 原生 loading="lazy",保证搜索引擎结果页主图必被抓取。
主题不引入 jQuery、Bootstrap 等大型框架,交互脚本按需加载(如图片灯箱 lightbox.js 仅文章/独立页加载),首屏 JS 量极小。
CSS / JS 引用带 ?v={主题修改时间} 版本戳,主题更新自动刷新、平时走浏览器强缓存,减少重复请求。
<meta name="viewport" content="...viewport-fit=cover"> 适配 iPhone 刘海/灵动岛的安全区。
桌面端横排导航 + 悬停展开的分类专题面板;移动端(≤640px)切换为左侧抽屉,分类在抽屉内以折叠面板呈现,不挤占正文宽度。
头像在 ≤400px 全隐藏,≤640px 下二层以上评论隐藏头像,避免窄屏被头像挤占;
昵称/邮箱/网址三栏在窄屏整行堆叠,验证码独占一行,提交按钮撑满;
嵌套评论缩进随层级收紧,多层回复不再吃掉正文宽度。
正文、标题、间距使用 clamp() 与相对单位做流体缩放,同一套模板从手机到大屏都保持舒适阅读节奏。
首屏精选位支持在主题配置里填写文章 ID,由后台指定推荐内容;未配置时自动回退到最新文章。运营零模板改动即可换推荐。
每个分类、标签都拥有独立的 SEO Meta 与结构化数据,门户级的多频道内容也能被搜索引擎逐频道收录。
内置列表页、详情页、独立页等多套模板,配合分类/标签体系,一套主题既能是极简个人博客,也能撑起内容密集的门户站。
从单作者日记到多栏目资讯站,切换只需后台配置,无需更换主题或重写模板。
个人博客:开箱即用的文章流 + 精选 + 评论,SEO 该有的都有。
门户网站 / 资讯站:分类/标签全量收录、移动适配声明、结构化数据,利于频道级搜索曝光。
AI 搜索时代的内容站:JSON-LD + 语义化结构让内容更易被生成式引擎理解引用(GEO)。
首页效果展示:

默认列表分类效果:

图文瀑布流分类效果:

文章页显示效果:

1. 您在购买应用前,须要先确认该应用是否符合您的使用需求,数字化商品不支持试用。依据《消费者权益保护法》第二十五条规定,该应用为在线下载的数字化商品,在购买后一经下载安装不能退款。
2. 您在应用中心购买的应用,仅是该应用的许可使用权,该应用的所有权仍归应用提供方所有。
3. 一个应用仅可用于单一账号使用,未经本站和应用提供方同意,不得二次发布、赠送、转售、租让、盗版等,否则我们将永久关闭用户账号并保留继续追究相关责任的权利。
4. 如包含该应用的网站被转售或赠送、租让等,请另用新账号购买该应用或移除该应用,否则将视为违反使用协议被永久取消该账号的使用权利。
5. 如无特殊说明,已购买应用仅包括相关使用权及免费更新服务,应用中心及应用提供方不提供额外售后安装等服务。
6. 您使用应用中所存在的风险,完全由用户自己承担,包括系统受损、资料丢失以及其它任何风险。
7. 用户不得利用该应用以任何方式从事违反法律法规及社会公序良俗的行为,用户须对其不当使用行为可能带来的后果负全部法律责任,本站及应用提供方不承担任何责任。
8. 应用提供方和本站如发现用户将应用安装于黄赌毒诈等非法网站,将停止用户相关的使用权和服务,并将用户相关违法信息上报至网络监管部门。
9. 本站及应用提供方保留在不通知您及不对您承担责任的情况下变更、限制、冻结或终止您对某些内容的使用的权利。
1. 请先注册账号,然后登录“应用中心”。
2. 直接点击“购买应用”,跟随指引即可。
1. 购买者在自己的Z-Blog网站登录,进入后台,在左侧菜单栏点击“应用中心”菜单。
2. 在“应用中心”的首页,使用应用中心注册账号进行登录。
3. 进入“我的应用仓库”,即可看到已购买成功的应用,点击“下载”即可下载安装。
1. 如果通过自己网站后台无法正常访问应用中心,请谨慎购买,因为这将可能导致应用无法顺利下载安装。
2. 如已购买收费应用无法正常下载,请在自己网站后台检查Z-Blog及应用更新,如均已更新至最新版本仍无法下载请及时与我们联系。
3. 应用更新时有可能覆盖本地设置,请在更新前做好备份。