品牌与导航

brand 品牌信息

YAML
1
2
3
4
5
brand:
  name: "Xongyi"                 # 站点名称，logo 为空时显示
  slogan: "专业 · 可靠 · 值得信赖"
  logo: "/images/logo.svg"       # 建议高度 40px；留空 "" 则仅显示文字
  favicon: "/images/favicon.svg"
字段 作用 备注
name 站点名称 出现在导航栏品牌区、页脚与 SEO 元信息
slogan 一句话标语 导航栏品牌名下方（空间不足时自动隐藏）
logo 品牌图形 建议高度 40px 的 SVG / PNG；留空只显示文字
favicon 浏览器标签图标 建议 .svg 或 32×32 的 .png
图片放在哪

主题自带的示例图在 themes/hexo-theme-xongyi/source/images/。你自己的图片应该放在站点 source/images/ 下，路径写 /images/xxx.svg 即可（source/ 下的内容会原样复制到 public/）。

导航是数组形式，顺序即显示顺序：

YAML
1
2
3
4
5
6
menu:
  - { name: "首页", url: "/" }
  - { name: "关于我们", url: "/about/" }
  - { name: "产品服务", url: "/products/" }
  - { name: "新闻动态", url: "/news/" }
  - { name: "联系我们", url: "/contact/" }
字段 说明
name 菜单文字
url 目标地址。站内地址以 / 开头并以 / 结尾（pretty URL）
icon 可选，图标名（见图标速查）
站内链接请用

写 /about/ 而不是 /about 或 /about/index.html，既符合主题生成的路由形态，也能避免部署到子目录时的相对路径问题。

导航栏最右侧的行动按钮，用于突出最重要的转化入口：

YAML
1
2
3
nav_button:
  name: "立即咨询"
  url: "/contact/"

不填 name 则不显示按钮 —— 若你的站点不需要行动按钮，直接删掉这一段或留空即可。

移动端表现

导航在移动端自动收进抽屉菜单（由 source/js/main.js 控制），无需额外配置。但请遵守两条实践：

  • 菜单项控制在 7 个以内，超过后小屏会挤；
  • 名称尽量短（2–6 字），中文比英文更省空间。

常见组合

YAML
1
2
3
4
5
6
7
menu:
  - { name: "首页", url: "/" }
  - { name: "关于我们", url: "/about/" }
  - { name: "产品服务", url: "/products/" }
  - { name: "新闻动态", url: "/news/" }
  - { name: "联系我们", url: "/contact/" }
nav_button: { name: "立即咨询", url: "/contact/" }
YAML
1
2
3
4
5
6
7
menu:
  - { name: "首页", url: "/" }
  - { name: "政务公开", url: "/about/" }
  - { name: "办事服务", url: "/products/" }
  - { name: "通知公告", url: "/news/" }
  - { name: "联系我们", url: "/contact/" }
nav_button: { name: "政务服务入口", url: "/contact/" }
YAML
1
2
3
4
5
6
7
menu:
  - { name: "首页", url: "/" }
  - { name: "学校概况", url: "/about/" }
  - { name: "教育教学", url: "/products/" }
  - { name: "校园动态", url: "/news/" }
  - { name: "联系我们", url: "/contact/" }
nav_button: { name: "招生咨询", url: "/contact/" }

下一步

联系与地图
页脚与备案