这是包含 http://streampark.apache.org
的所有源代码的存储库。
本指南将指导您如何为 Apache StreamPark(Incubating) 的网站做出贡献。
dev 为默认主分支,修改请先 fork 到自己的仓库,然后在 main 分支上进行开发修改。
dev 默认分支
本网站是使用 Node.js 编译的,使用的是 Docusaurus 框架组件:
- 下载并安装 Node.js(version>12.5.0)
- 克隆代码到本地
git clone [email protected]:apache/incubator-streampark-website.git
- 运行
npm install
来安装所需的依赖库。 - 在根目录运行
npm run start
,可以访问 http://localhost:3000 查看站点英文模式预览 - 在根目录运行
npm run start-zh
,可以访问 http://localhost:3000 查看站点的中文模式预览 - 要生成静态网站资源文件,运行
npm run build
。构建的静态资源在 build 目录中。
|-- community //社区
|-- docs //文档 存放下一个即将发布的版本
|-- download //下载
|-- faq //Q&A
|-- i18n
| -- zh-CN //国际化中文
| |-- code.json
| |-- docusaurus-plugin-content-docs
| |-- docusaurus-plugin-content-docs-community
| |-- docusaurus-plugin-content-docs-download
| |-- docusaurus-plugin-content-docs-faq
| -- docusaurus-theme-classic
|-- resource // 架构/时序/流程图等的原始工程文件
|-- src
| |-- components
| |-- css
| |-- js
| |-- pages
| | |-- home
| | |-- index.jsx
| | |-- team
| | |-- user
| |-- styles
|-- static //静态资源
| |-- doc //文档的静态资源
| |-- image //文档通用图片
| |-- image_en //英文文档图片
| |-- image_zh //中文文档图片
| |-- user //用户的图片
| |-- home //首页的图片
| |-- image //模块公用图片
|-- docusaurus.config.js
全部采用小写方式,以中下划线分隔,有复数结构时,要采用复数命名法,缩写不用复数
正例: scripts / styles / components / images / utils / layouts / demo_styles / demo-scripts / img / doc
反例: script / style / demoStyles / imgs / docs
全部采用小写方式, 以中划线分隔
正例: render-dom.js / signup.css / index.html / company-logo.png
反例: renderDom.js / UserManagement.html
- 图片资源统一放在
static/{模块名}
下 - CSS 等样式文件放在
src/css
目录下
除了首页、团队、用户、Docs>All Version 模块页面外,其余页面都能通过底部的 'Edit this page' 按钮,直接跳转至对应的 GitHub 的资源修改页
访问页面:http://streampark.apache.org/
位于 src/pages/home
:
├─home
│ languages.json 首页中英文的配置
│ index.less 首页样式
访问页面:http://streampark.apache.org/zh-CN/team
位于 src/pages/team
:
├─team
│ languages.json
│ index.js
│ index.less
访问页面:http://streampark.apache.org/zh-CN/user/
位于 src/pages/user
:
└─versions
data.json
images.json
index.js
index.less
languages.json