开源项目教程：CNCF Landscape App

开源项目教程：CNCF Landscape App

landscapeapp🌄Upstream landscape generation application项目地址:https://gitcode.com/gh_mirrors/la/landscapeapp

项目介绍

CNCF Landscape App 是一个上游 NPM 模块，支持构建交互式景观网站，如 CNCF Cloud Native Landscape 和 LF Artificial Intelligence Landscape。该项目由 Dan Kohn 管理，目前由 Andrey Kozlov 和 Jordi Noguera 积极开发。除了创建完全交互式网站外，Landscape App 还能够在每次更新时生成静态图像。

项目快速启动

安装依赖

首先，确保你已经安装了 Node.js 和 Yarn。然后，克隆项目仓库并安装依赖：

git clone https://github.com/cncf/landscapeapp.git
cd landscapeapp
yarn install

运行项目

在项目目录中，运行以下命令以启动开发服务器：

yarn start

这将启动一个本地服务器，你可以在浏览器中访问 http://localhost:3000 查看运行中的项目。

应用案例和最佳实践

创建新的景观

要创建一个新的交互式景观，你需要准备高分辨率的 SVG 图像。以下是创建新景观的基本步骤：

1. 准备图像：确保所有项目和公司都有 SVG 图像。
2. 配置文件：在 landscapes.yml 中添加新条目，包括名称、主页 URL 和 logo。
3. 构建景观：使用 yarn build 命令构建景观。

最佳实践

• 图像质量：始终使用高质量的 SVG 图像，避免使用自动追踪工具转换 PNG 到 SVG。
• 持续集成：使用 CI 工具自动化构建和发布过程。
• 社区协作：鼓励社区成员贡献和改进景观内容。

典型生态项目

CNCF Landscape App 支持多个 Linux Foundation 景观项目，包括但不限于：

• CNCF Cloud Native Landscape：展示云原生计算基金会支持的项目和工具。
• LF Artificial Intelligence Landscape：展示 Linux Foundation 支持的人工智能项目和工具。

这些项目不仅提供了丰富的资源，还促进了社区的交流和合作。

---

通过以上教程，你可以快速启动并运行 CNCF Landscape App，并了解如何创建和管理新的交互式景观。希望这些内容能帮助你更好地利用这一强大的开源工具。

landscapeapp🌄Upstream landscape generation application项目地址:https://gitcode.com/gh_mirrors/la/landscapeapp