Skip to content

labring/sealos-marketing

Repository files navigation

Sealos 营销网站

本仓库包含 Sealos 的营销网站,旨在向潜在用户和客户展示 Sealos 云原生应用部署平台的产品和服务。

功能特点

  • 现代化 UI 设计与响应式布局
  • SEO 优化的页面结构和元数据
  • 交互式价格计算器
  • 产品展示和文档
  • 多种应用部署方案展示(Docker容器化部署、DevBox云开发、静态代码托管、数据库部署)

项目结构

/
├── index.html              # 网站主页
├── price/                  # 价格计算器页面
├── devbox/                 # DevBox产品页面
│   ├── dev-flow.html       # 开发流程页面
│   ├── img/                # DevBox相关图片资源
│   └── index.html          # DevBox主页
├── docker/                 # Docker容器化部署页面
│   ├── css/                # Docker页面样式
│   ├── img/                # Docker相关图片
│   ├── js/                 # Docker页面脚本
│   └── index.html          # Docker主页
├── js/                     # JavaScript文件
│   ├── sem.js              # 主站点交互脚本
│   ├── sem-price.js        # 价格计算器脚本
│   ├── sem-devbox.js       # DevBox页面脚本
│   └── sem-aiproxy.js      # AIProxy页面脚本
├── imgs/                   # 图片资源和公共样式
│   ├── css/                # 公共CSS文件
│   ├── img/                # 图片文件
│   └── js/                 # 公共JavaScript文件
├── aiproxy/                # AIProxy产品页面
│   ├── img/                # AIProxy相关图片和样式
│   └── index.html          # AIProxy主页
├── sealaf/                 # SealAF产品页面(Next.js应用)
│   ├── _next/              # Next.js构建文件
│   ├── homepage/           # 主页资源
│   ├── locales/            # 国际化文件
│   └── index.html          # SealAF主页
├── docs/                   # 文档页面
│   ├── devbox1113/         # DevBox文档
│   └── windsurf/           # Windsurf相关文档
├── case/                   # 客户案例页面
│   ├── css/                # 案例页面样式
│   ├── img/                # 案例相关图片
│   ├── js/                 # 案例页面脚本
│   └── index.html          # 客户案例主页
├── app_store/              # 应用商店页面
│   ├── ai/                 # AI相关应用
│   ├── devetool/           # 开发工具应用
│   ├── game/               # 游戏应用
│   ├── mysql/              # 数据库应用
│   ├── pass/               # 通用应用
│   ├── tool/               # 工具应用
│   ├── css/                # 应用商店样式
│   ├── img/                # 应用商店图片
│   ├── js/                 # 应用商店脚本
│   └── 各应用目录/          # 每个应用包含images/和index.html
├── deploy/                 # 部署相关页面
├── tools/                  # 工具脚本和演示
├── sitemap.xml             # 网站地图
├── robots.txt              # 搜索引擎爬虫规则
├── nginx.conf              # Nginx配置文件
├── Dockerfile              # Docker构建文件
├── entrypoint.sh           # Docker入口脚本
└── package-lock.json       # NPM依赖锁定文件

开发指南

本地开发启动方式:

# 安装依赖
npm install

# 启动开发服务器
npm run dev

最近优化

页面自适应效果优化

  • 增强了响应式设计,添加了更多媒体查询断点(1200px, 1024px, 768px, 576px, 480px)
  • 优化了容器宽度、图片和视频显示、功能卡片布局和导航标签
  • 改进了表格在移动设备上的滚动体验
  • 修复了页面在不同设备上的显示问题

浏览器控制台错误修复

  • 修复了字体图标加载错误,创建了本地CSS文件使用Unicode字符替代Font Awesome
  • 修复了导航栏和页脚脚本路径问题
  • 为固定导航栏添加了顶部内边距,确保内容不被遮挡

SEO优化

  • 改进了页面标题、描述和关键词,聚焦于核心业务关键词
  • 优化了结构化数据,增加了相关关键词和URL
  • 将次级标题改为h1标签作为主标题,提高SEO权重
  • 为所有图片添加了alt属性,提高可访问性和SEO效果

分支说明

  • main: 生产就绪代码
  • enhance-image-alt-seo: SEO改进分支

贡献指南

在为此仓库做贡献时,请遵循已建立的代码风格和提交信息约定。

Releases

No releases published

Packages

 
 
 

Contributors 7