Robes 玻璃拟态博客主题（blog_robes）

一款基于 1CMS 内容管理系统制作的玻璃拟态（Glassmorphism）风格博客主题。

代码出处

本主题的页面结构与样式改编自开源博客模板，原始页面地址：

https://robes.xin/1180.html

功能特性

• 玻璃拟态视觉风格：半透明卡片、毛玻璃背景、柔光晕装饰
• 深色模式（跟随系统 / 用户切换 / 强制浅色 / 强制深色），评论区随主题自动同步暗色
• 首页文章流：时间线 / 简约两种卡片样式，支持置顶、图片九宫格、一言
• 文章详情：阅读量统计、字数 / 阅读时长、文章目录、上一篇 / 下一篇、标签、评论
• 图片灯箱预览：点击文章正文中的图片即可放大，支持左右切换与 ESC 关闭（首页设置 → 文章与功能 → 启用图片灯箱，默认开启）
• 侧边栏：导航、分类、标签云
• 内置页面类型：关于（单页）、留言（带评论）、归档（按年分组）、友链（卡片网格）、标签聚合、搜索结果

模板文件

文件	作用
index.php	首页文章流
article.php	栏目 / 分类文章列表
article_content.php	文章详情页
page.php	单页（关于等）
guestbook.php	留言页（带评论）
archive.php	归档页
friendlink.php	友情链接页
tags.php	标签聚合页
search.php	搜索结果页
sidebar.php / header.php / footer.php	公共结构
JS/main.v2.js	前台交互脚本（主题切换、灯箱、目录、归档、友链、瀑布流动画等）
CSS/main.css	主题样式

目录结构约定

app/blog_robes/
├── blog_robes.config      # 应用元信息（名称 / 作者 / 依赖 / 图标）
├── blog_robes.php         # 主题逻辑（变量、分页、相邻文章、安装等）
├── blog_robes.data.php    # 安装数据（模块 / 栏目 / 路由 / 表单 / 演示文章）
├── *.php                  # 模板文件
├── CSS/  JS/  fonts/  IMG/ # 静态资源
└── README.md

使用说明

1. 将 blog_robes 目录放入 1CMS 的 app/ 目录。
2. 在后台「应用中心」安装并启用本应用。
3. 在「内容 → 栏目」中，将首页栏目的模块设为「首页」，文章栏目模块设为「文章」，单页栏目模块设为「单页」。
4. 在首页栏目的「主题设置」中可调整站点名称、主题色、圆角、深色模式、侧栏显示项等。
5. 将「关于 / 留言 / 归档 / 友链」等栏目模块设为「单页」，并通过栏目属性中的「页面类型」选择对应模板（留言 / 归档 / 友链）。

自定义

• 主题色、背景、圆角、顶栏高度、光晕等均可视化配置。
• 支持自定义 CSS 与自定义 JS。
• 友情链接在对应「友链」栏目的「友情链接」配置项中按行填写，格式为：名称|网址|描述|分组。
• 置顶文章在首页栏目的「置顶文章ID」中填写文章 ID，多个用逗号分隔（最多 3 篇）。

基础设置

中文名	变量名	说明
博客名称	blogname	站点标题
博客简介	blogdesc	站点副标题
站点 Logo	logo	顶栏与侧栏标识
站点图标	favicon	浏览器标签图标
备案号	icp	页脚备案信息
站点创建时间	site_starttime	用于页脚运行时长统计

视觉外观

中文名	变量名	说明
主题色	accent	强调色，如 #94c8d8
背景色	bgcolor	页面底色
深色模式	darkmode	跟随系统 / 用户切换 / 浅色 / 深色，评论区同步
毛玻璃模糊度	glassblur	如 20px
毛玻璃透明度	glassopacity	0 - 1，如 0.45
圆角大小	borderradius	小 / 中 / 大
顶栏高度	topbarheight	紧凑 / 标准 / 宽松
光晕颜色 / 光晕大小	orbcolor / orbsize	背景光晕，大小为 0 时不显示

布局与列表

中文名	变量名	说明
侧边栏宽度	sidebarwidth	单位像素，建议不小于 160
卡片样式	cardstyle	时间线 / 简约
每页文章数	pagesize	列表分页大小
置顶文章ID	stickyposts	逗号分隔，最多 3 篇
图片显示数量	showimagecount	卡片中展示的图片数
显示侧栏分类 / 侧栏标签	showsidebarcategories / showsidebartags	开关

文章与功能

中文名	变量名	说明
文章作者头像	postavatar	详情页作者栏头像
启用文章目录	enabletoc	详情页目录
启用上下篇导航	enablepostnav	详情页底部导航
启用一言	enablehitokoto	侧栏随机语录
启用图片灯箱	enablelightbox	正文图片点击放大
启用 PJAX	enablepjax	无刷新跳转

页脚与自定义

中文名	变量名	说明
页脚文字	footertext	支持 HTML
自定义 CSS	customcss	无需写 <style> 标签
自定义 JS	customjs	无需写 <script> 标签

单页栏目设置项分为「页面内容」（标题 / 关键词 / 描述 / 内容 / 开启评论）与「页面扩展」（页面类型 pagetype、友情链接 links）两组，取值说明见字段提示。

演示内容

安装后会写入若干演示文章、分类与标签，全部为中性示例内容，便于直接预览主题效果。