内容介绍

「Blog 海港主题」是一套清爽蓝灰风格的个人博客主题：浅蓝灰页面底、白色圆角卡片、单一品牌蓝，
以两栏阅读版式组织文章流与侧栏小工具，并为长文阅读准备了完整的正文排版，同时提供日间 / 夜间双外观。
主题覆盖博客全部前台页面——首页（固定顶栏与卡片式文章流、分页）、分类与搜索列表（带当前条件提示）、
文章详情（正文排版、标签、版权、上下篇、评论列表与评论表单）、关于博主、留言板（支持附言展示）、标签云、
文章归档与访问密码页；侧栏含作者卡片与文章 / 评论统计、最新文章、分类导航、标签胶囊、站内搜索与友情链接。

产品介绍

• 适合谁用：个人技术博客、独立开发者笔记站，以及图文混排的生活 / 随笔类站点；已有内容迁移、只需换外观的站点。
• 核心卖点：清爽蓝灰的两栏阅读版式与圆角卡片、日间 / 夜间双外观、回到顶部与卡片悬停、滚动入场动效。
• 开箱即用：主题只覆盖视图层，历史文章、分类、标签、评论与留言全部沿用博客模块数据；站点标语、侧栏「关于我」标题、

文章版权说明、留言提示与页脚声明可在后台「模板设置 → Blog 海港主题配置」修改，并自带整套自绘配图与抽屉导航适配。

Blog 海港主题

模块介绍

Blog 海港主题是一套清爽蓝灰风格的个人博客主题：浅蓝灰页面底、白色圆角卡片、单一品牌蓝，
以两栏阅读版式组织文章流与侧栏小工具，并为长文阅读准备了完整的正文排版。

主题覆盖博客全部前台页面（首页、分类与搜索列表、文章详情、关于博主、留言板、标签云、文章归档、访问密码页），
并提供日间 / 夜间双外观，安装后即可获得一套干净、安静的个人站点外观。

功能特性

Blog 海港主题
    页面覆盖
        首页卡片文章流与分页
        分类 / 搜索列表与当前条件提示
        文章详情：正文排版、标签、版权、上下篇、评论
        关于博主、留言板、标签云、文章归档
        访问密码页
    侧栏小工具
        作者卡片与文章 / 评论统计
        最新文章（文字 + 封面两种样式）
        分类导航与文章数量
        标签胶囊与站内搜索
        友情链接
    阅读体验
        日间 / 夜间双外观
        回到顶部
        卡片悬停与滚动入场动效
        PC / 手机响应式与抽屉导航
    后台配置
        站点标语
        侧栏「关于我」标题
        文章版权说明与留言提示
        页脚声明

使用场景

• 个人技术博客、独立开发者笔记站：需要干净的文章列表与舒适的正文排版。
• 图文混排的生活 / 随笔类站点：以卡片封面为主，侧栏展示作者信息与小工具。
• 已有博客内容迁移：主题只覆盖视图层，历史文章、分类、标签、评论与留言全部沿用博客模块数据。

安装说明

1. 安装本主题模块后，在「网站设置 → 网站主题」中选择「Blog 海港主题」；
2. 在「网站设置 → 基本设置」中配置网站名称、Logo、备案信息与网站主色调（默认蓝色 #2b7cd3）；
3. 在「功能设置 → 模板设置 → Blog 海港主题配置」中按需修改站点标语、侧栏标题、版权说明与页脚声明；
4. 在「博客管理」中录入分类与文章（含封面图、标签、摘要），博客模块未发布内容时首页显示空状态提示；
5. 本主题不携带演示内容，安装后请自行录入分类与文章。

后台菜单

• 功能设置
• 功能设置 → 模板设置
• 功能设置 → 模板设置 → Blog 海港主题配置