Blog 海港主题

模块介绍

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

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

功能特性

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

使用场景

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

安装说明

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

后台菜单

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