跳转到内容

品牌定制

在可能的情况下,通过配置定制 ZShip 站点品牌,无需改代码。

配置文件(后端 vars 无需重建)

Section titled “配置文件(后端 vars 无需重建)”
功能配置文件字段
品牌名与 Logoapps/web/src/config/site.tssiteName, brand.name, brand.logo, brand.accentColor
SEO 元数据apps/web/src/config/site.tstagline, description, seo.*
社交链接apps/web/src/config/site.tslinks.github, links.twitter, links.discord
Dashboard 品牌packages/dashboard/config/brand.tsBRAND_NAME, STORAGE_PREFIX
分析apps/web/src/config/site.tsanalytics.googleAnalytics.measurementIdanalytics.plausible.*

分析(Google Analytics 4 与 Plausible)

Section titled “分析(Google Analytics 4 与 Plausible)”

使用公共 Base 布局的页面会通过 apps/web/src/components/AnalyticsHead.astro 注入统计脚本。只有在 apps/web/src/config/site.tsanalytics 中填写有效值时才会加载;留空则不注入。

  • analytics.googleAnalytics.measurementId 设为 GA4 测量 ID(格式:G- + 字母数字)。
  • 留空或去掉 googleAnalytics 即不加载 gtag.js。
  • analytics.plausible.domain 设为与 Plausible 后台站点域名一致(如 yoursite.com)。
  • 默认脚本地址为 https://plausible.io/js/script.js
  • 自托管: 设置 scriptSrc 为你实例上的脚本 URL(如 https://plausible.example.com/js/script.js)。
  • 反向代理: 设置 apiEndpoint 为代理后的 event 接口,对应脚本标签上的 data-api

可同时启用 GA4、Plausible、两者或都不启用。修改 site.ts 后需重新构建 web 应用。

  1. 编辑 apps/web/src/config/site.ts — 修改 siteNamebrand.namebrand.logo
  2. 编辑 packages/dashboard/config/brand.ts — 修改 BRAND_NAME(Dashboard 侧边栏)
  3. 替换 /public/logo.svg/public/favicon.ico 为你的资源
  4. 若使用 Nuxt 应用,同时更新 apps/web-nuxt/app/config/site.tsnuxt.config.ts 的 title

将文件放在 apps/web/src/overrides/ 可覆盖共享组件,无需修改 packages。zship-resolver 插件会自动解析覆盖。

详见 apps/web/src/overrides/README.md