Z-Blog应用中心 > PHP主题 > 优杰简约响应式博客

优杰简约响应式博客

  • ID: acmeContract
  • 版本: 1.3.7
  • 系统要求: Z-BlogPHP 1.5.2 Zero以上
  • 更新日期: 2026-05-25 16:57:38
  • PHP版本: 5.6或更高
  • 大小: 4.31MB

请登录

优杰简约响应式博客主题 (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、三张幻灯片轮播图、站长卡片背景及头像。

    访客您好，Z-Blog相关网站已开启实名制，请登录后绑定您的手机，再发表评论，谢谢您的支持。


    ZBLOG应用中心-软件购买及使用协议


    1. 您在购买应用软件前，须要先确认该应用软件是否符合您的使用需求。依据《消费者权益保护法》第二十五条规定，该软件为在线下载的数字化商品，在购买后一经下载安装不能退款。

    2. 您在应用中心购买的软件，仅是该软件的许可使用权。除软件外应用中心不提供任何形式的有偿提供信息或网页制作、服务器空间租用等服务。

    3. 一个软件仅可用于单一账号使用，未经本站同意，不得二次发布、赠送、转售、租让、盗版等，否则我们将永久关闭用户账号并保留继续追究相关责任的权利。

    4. 本应用为通用型产品，除解决BUG外不提供个人定制和其它修改服务。

    5. 您使用软件中所存在的风险，完全由用户自己承担，包括系统受损、资料丢失以及其它任何风险。

    6. 用户不得利用该软件以任何方式从事违反法律法规及社会公序良俗的行为，用户须对其不当使用行为可能带来的后果负全部法律责任，本站不承担任何责任。

    7. 如发现用户将软件用于黄赌毒诈等非法用途，将停止用户相关的使用权，并将用户相关违法信息上报至网络监管部门。


    购买指南


    1. 请先注册账号，然后登录“应用中心”。
    2. 直接点击“购买应用”，跟随指引即可。


    下载指南


    1. 购买者在自己的Z-Blog网站登录，进入后台，在左侧菜单栏点击“应用中心”菜单。
    2. 在“应用中心”的首页，使用应用中心注册账号进行登录。
    3. 进入“我的应用仓库”，即可看到已购买成功的应用，点击“下载”即可下载安装。


    其它注意事项


    1. 如果通过自己网站后台无法正常访问应用中心，请谨慎购买，因为这将可能导致应用无法顺利下载安装。
    2. 如已购买收费应用无法正常下载，请在自己网站后台检查Z-Blog及应用更新，如均已更新至最新版本仍无法下载请及时与我们联系。
    3. 应用更新时有可能覆盖本地设置，请在更新前做好备份。