• 产品简介
  • 快速开始
    • 导入 Git 仓库
    • 从模板开始
    • 直接上传
    • 从 AI 开始
  • 框架指南
    • 前端
    • 后端
    • 全栈
      • Next.js
    • 自定义 404 页面
  • 项目指南
    • 项目管理
    • edgeone.json
    • 缓存配置
    • 错误码
  • 构建指南
  • 部署指南
    • 概览
    • 触发部署
    • 管理部署
    • 部署按钮
    • 使用 Github Action
    • 使用 CNB 插件
    • 使用 IDE 插件
    • 使用 CodeBuddy IDE
  • 域名管理
    • 概览
    • 自定义域名
    • 配置 HTTPS 证书
    • 如何配置 DNS 的 CNAME 记录
  • Pages Functions
    • 概览
    • Edge Functions
    • Node Functions
  • 日志分析
  • KV 存储
  • 边缘 AI
  • API Token
  • EdgeOne CLI
  • Pages MCP
  • 集成指南
    • AI
      • 对话型大模型集成
      • 图片大模型集成
    • 数据库
      • Supabase 集成
      • Pages KV 集成
    • 电商
      • Shopify 集成
      • WooCommerce 集成
    • 支付
      • Stripe 集成
      • Paddle 集成
    • CMS
      • WordPress 集成
      • Contentful 集成
      • Sanity 集成
    • 身份验证
      • Supabase 集成
      • Clerk 集成
  • 最佳实践
    • 使用通用大模型快速搭建AI应用
    • 使用 Deepseek-R1 模型快速搭建对话型AI站点
    • 使用 WordPress + WooCommerce 和 GatsbyJS 搭建电商平台
    • 使用 Supabase 和 Stripe 搭建 SaaS 站点
    • 如何快速搭建公司品牌站点
    • 如何快速搭建博客站点
  • 迁移指南
    • 从 Vercel 迁移至 EdgeOne Pages
    • 从 Cloudflare Pages 迁移至 EdgeOne Pages
    • 从 Netlify 迁移至 EdgeOne Pages
  • 排障指南
  • 常见问题
  • 联系我们
  • 产品动态

如何快速搭建公司品牌站点

本文介绍了如何基于 Pages 的模板,快速搭建一个功能齐全的公司品牌网站。您不仅可以通过修改文本、图片和颜色来快速构建您自己的公司网站,还可以配置多语言及动态新闻内容。


背景介绍

企业建站面临快速响应市场与保证用户体验的双重挑战。传统方式周期长、成本高、维护复杂,难以满足敏捷需求。Pages 品牌官网模板基于边缘计算和静态站点技术,提供革新方案。通过预置框架,简单修改文本、图片和配色,即可快速上线专属网站,实现“即开即用,零门槛建站”。

主要特性与优势:
灵活定制:完整的官网示例框架,支持深度定制;
全球化支持: 内置多语言架构,一键切换语言版本;
性能好:相比传统 VPS 托管,无需服务器运维,几乎零成本


适用场景

中小企业​

中小企业资金技术有限,传统网站开发成本高、耗时长。我们的模板提供低成本、高效率的建站方案。企业通过简单修改配置,即可快速搭建包含公司介绍、产品展示、联系方式等功能的品牌站点,迅速建立线上形象,开展网络营销,提升品牌知名度和竞争力。


成熟企业

对于需要品牌升级或布局国际化的企业,我们模板强大的自定义功能可提供有力支撑。企业可根据新品牌战略和视觉规范,灵活修改样式、重构布局、优化内容,并借助内置多语言支持,轻松实现网站多语言切换。通过高质量设计与流畅交互,持续强化品牌辨识度,提升用户好感度。


示例场景:纯静态品牌官网

如果您的站点仅需要展示 首页、合作伙伴、项目案例、关于我们等静态内容,只做一些品牌上的展示,不需要管理 "新闻中心" 等动态内容,那么可以按照以下操作步骤进行搭建。

操作步骤

1、选择模板

您可直接前往品牌官网的模板分类页面,挑选所需模板一键完成部署。部署成功后,系统将自动生成可直接访问的站点链接。

2、修改内容

如果需要调整网站样式或者修改内容,以企业官网模板为例,参考下面的路径进行修改:
修改主题颜色:src/styles/globals.css
修改网页内容:
src/config/case-studies.ts:案例研究信息
src/config/careers.ts: 工作信息
src/config/get-started.ts:快速入门指南
src/config/team.ts:团队成员信息


示例场景:通过集成 Contentful 来配置动态内容的品牌官网

我们的 企业官网模板帮助集成了 Contentful CMS,可以 利用 Contentful 的可视化界面轻松管理内容,具体接入流程可以参考 Contentful 集成指引

Contentful 集成好之后,部署的时候配置好环境变量:
CONTENTFUL_SPACE_ID:填入您的Contentful Space ID
CONTENTFUL_DELIVERY_TOKEN:填入您的Contentful Delivery Token





示例场景:通过集成 Plasmic 来配置动态内容的品牌官网

我们科技公司官网模板帮助集成了 Plasmic CMS。Plasmic 具有完整的内置 CMS,直接集成到 Plasmic 的可视化编辑器中,让您可以将结构化内容直接拖放到您的设计中。

操作步骤

1、创建数据库

登录 Plasmic 控制台,创建一个 Workspace,添加 CMS

输入数据库名

如果 "新闻内容" 需要多语言的话需要配置 Locales, 这里我们除开默认的,我们再添加个 en,用来存放英文的内容。



2、配置 Model 数据表

分别创建 News 数据表的数据结构,这些字段都要有,缺一不可
slug:相当于文章的标识 id
image:文章封面图
title:文章标题
content:文章内容
date:文章发布时间

注意把 titlecontentLocalized 的开关打开,才能配置多语言内容




3、配置文章内容

点击 Edit Content,依次配置 titlecontentslugimagedate等字段

配置完内容后,点击 Publish,内容就发布成功了


4、部署到 EdgeOne Pages

设置环境变量
进入模板部署页面,在 PlasmicCMS Settings 里面找到 CMS IDPublic Token,复制填入到模板的 环境变量里面


然后点击 Create,开始部署,部署成功后访问站点,切换到 /news 页面,就能看到我们上面配置的内容了