Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

痛点描述

  1. 目前GoFrame开发框架没有正式的官网页面,缺少门面。
  2. 目前框架只有Confluene文档系统(goframe.org),Confluence没有SEO能力,搜索引擎难以引流进入框架文档系统。
  3. Confluene文档系统支撑的访问量非常有限,访问量一上来就会访问缓慢,甚至OOM,十分影响用户体验。
  4. 由于没有设计良好的官网网站,且Confluence文档系统的访问量支撑有限,造成访问流量比较分散,难以集中用户流量。

设计目标

  1. 框架需要有一个官网门面页面,展示框架的特点,吸引用户留存。
  2. 官网页面能够支撑较大的并发访问量,建议以纯静态页面为主。
  3. 官网所有静态页面需要支持良好的SEO能力,便于搜索引擎收录。
  4. 官网能够和文档系统(pages.goframe.org)色调风格上良好整合,将用户流量集中。

设计思路

总体思路

由于目前我们已经有一个pages文档 pages.goframe.org 已经使用了Docusaurus来搭建(文档静态化的初步尝试),且已经实现了自动化的Confluenced动态内容到Docusaurus静态文件的校本化自动生成,因此初步想法是同样基于Docusaurus来建设官网。Docusaurus官网地址:https://docusaurus.io/

总体色调

官网整体色调以浅色为主,且与LOGO色调搭配良好。框架LOGO如下:

Image Added

关于首页

首页是官网设置的重点,初步想法是一个静态页面,包含以下UI板块:

  1. 顶部菜单栏目
    1. 首页:可以是左上角的LOGO按钮点击直接到首页。
    2. 使用文档:展示文档静态页面。文档内容很多,是整个官网的流量访问重头。目前的内容在这里:https://pages.goframe.org
    3. 版本记录:所有的版本发布记录。目前的内容在这里:https://pages.goframe.org/docs/版本发布记录
    4. 来杯咖啡:展示所有的捐赠记录。目前的内容在这里:https://pages.goframe.org/docs/支持我们/来杯咖啡
    5. 赞助支持:展示一些赞助的团队和企业列表,通常是LOGO链接形式。目前暂无内容。
    6. 问题反馈:外部链接到github issues:https://github.com/gogf/gf/issues
    7. 项目主页:外部链接到github仓库地址:https://github.com/gogf/gf
  2. 中间框架介绍
    1. 框架的LOGO
    2. 框架的文字介绍:一款模块化、高性能、企业级的Go基础开发框架。
    3. 框架的快速开始:https://pages.goframe.org/docs/快速开始
    4. 框架的仓库地址:https://github.com/gogf/gf
  3. 框架特点展示:展示框架的特点,按照方块图版面排版展示,一个图标(或者对应实践图片?)对应一个特点以及描述,描述信息需要再琢磨一下(使用AI帮助完善一下文字描述?)。图标可能不太好找,有推荐的素材站点吗?
    1. 工程完备:多年的工程实践经验沉淀,保障团队少走弯路、稳定交付。
    2. 开箱即用:丰富完善的组件能力,提高团队的开发效能。
    3. 性能卓越
    4. 松耦合设计
    5. 高扩展设计
    6. 详尽的开发文档:
    7. 代码生成工具链:
    8. 自动化Swagger生成:
    9. HTTP Web&微服务开发:
    10. 天然支持OpenTelemetry:基于OpenTelemetry的全链路跟踪&监控告警。
    11. 全错误堆栈:全网仅此一家支持所有组件的错误堆栈信息(报错时能打印上下文调用链,快速定位源码位置)。
    12. 中文化支持:针对大中国区开发者团队&企业的中文化支持更加友好。
  4. 下方使用企业:按照LOGO展示大厂用户,LOGO需要大小一致便于排版好看。详细企业还需要再梳理,可以后面在完善,初步设计好版面即可。
    1. 腾讯科技
    2. 中兴科技
    3. 蚂蚁金服
    4. VIVO等等
  5. 最下面联系信息之类的

栏目分类

官网初步实现以下几个栏目:

  1. 正规的官网
    1. 首页框架介绍:清新简洁的框架特点介绍,让人对框架有初步的认知。
    2. 使用案例介绍:将知名企业的LOGO展示在官网,需要重新梳理使用案例的企业。
    3. 合作伙伴介绍:以及对持续捐赠合作伙伴的广告能力(在官网展示合作伙伴LOGO和链接)。
  2. 框架使用文档
    1. 提高访问及检索效率
      1. 使用全静态文件。
      2. 检索能力需要再进一步考虑,前期可能使用存文件检索?
    2. 流量统一:将原有的文档流量全部引流至官网,便于统一入口。需要注意SEO。
    3. 版本管理:使用文档需要有版本管理能力。
  3. 捐赠&赞助展示
    1. 捐赠和赞助单独展示,也可以作为广告的一部分,提高使用者的兴趣。
  4. 版本发布记录
    1. ChangeLog:将github中的changelog整合到该栏目下,因为中文发布记录只记录大版本不会记录fix版本,而fix版本发布会很频繁。
    2. 中文发布记录:大版本发布才会有中文发布记录,将文档中的发布记录单独作为一个栏目展示。
Panel
titleContent Menu

Table of Contents