优杰简约响应式博客主题 (acmeContract) - Bulma 重构版

预览地址: http://acmecontract.blog.lwenl.cn/

本主题是基于 Bulma CSS 现代前端框架深度重构的 Z-BlogPHP 响应式博客主题。拥有精致、扁平且极具质感的设计风格，专为个人博客、技术分享和自媒体网站打造。

🎨 设计规范

重构版主题严格遵循以下核心设计指标：

• 统一圆角：全站所有卡片、输入框、按钮及图像均采用统一的 6px 圆角设计。

• 黄金间距：网格分栏、边栏卡片以及元素间隔均锁定为 12px（在移动端自动微调为最适边距）。

• 色彩体系：主色调选用深邃的靛蓝（#4f46e5 - Indigo 600），辅以深色板岩灰（Slate）的文字排版，背景采用清爽的轻量板岩灰（#f8fafc），观感时尚高雅。

✨ 核心特性

1. 响应式架构：

• 采用 Bulma 的 Flexbox 网格，完美自适应手机、平板与电脑等各尺寸屏幕。

• 侧栏宽度在桌面端优化为 25%，使文章内容（75%）阅读视线更加聚焦。

• 现代化导航栏 (Navbar)：

• 顶部栏采用 毛玻璃模糊背景 (backdrop-filter) 悬浮设计，带来出色的层级质感。

• 针对 Z-Blog 动态输出的导航栏，使用脚本在前端运行时自动重构为 Bulma 的 native 级响应式下拉子菜单，支持移动端 Burger 折叠。

• 精美侧栏小工具 (Widgets)：

• 所有侧栏模块采用卡片包裹。小工具标题改为左侧 竖向蓝色指示条 的极简现代设计。

• 列表项在鼠标悬停时会触发背景淡入与链接向右微滑的动画效果。

• 自带精美的验证码表单和按钮标签美化。

• 精致阅读体验：

• 优化段落行高为 1.7，采用精美的引用块（blockquote）格式。

• 文章末尾支持侧向分栏的上一篇/下一篇大卡片按钮。

• 支持多级嵌套评论（多层盖楼），评论头像采用圆形遮罩，评论框表单采用 Bulma 规范。

• 单行两端对齐页脚 (Footer)：

• 采用 PHP 正则解析技术，将 Z-Blog 唯一的版权字段拆分，实现 左侧版权声明、右侧备案号与技术支持 的单行双侧对齐排版。

---

🔧 安装与配置

1. 刷新模板缓存

主题的模板文件经过了重构，上传或更新后，必须执行编译刷新：

• 登录 Z-Blog 后台 ➡️ 在后台首页顶部点击橙色按钮 「清空缓存并重新编译模板」。

• 前台页面如遇到样式未更新，请使用快捷键 Ctrl + F5 (Windows) 或 Cmd + Shift + R (Mac) 强制刷新浏览器缓存。

2. 主题选项配置

进入后台「插件/主题管理」，点击 acmeContract 后方的 「管理」 按钮：

• 基础配置：配置是否显示图片 Logo、是否启用传统繁体字、是否开启并展示站长 QQ 与微信。

• 图片配置：可在线上传网站 Logo、三张幻灯片轮播图、站长卡片背景及头像。