This repository is used to generate the Hop website
Tools used to generate the website:
- Git a source code management tool used to fetch document sources from different github repositories.
- Node.js a JavaScript runtime used to build the website. You will need to use Node.js version 18.
- yarn a blazing fast dependency and package manager tool used to download and manage required libraries.
- (installed via yarn) Gulp a task automation tool. Used to build the Hop Antora UI theme.
- (installed via yarn) Hugo a static site generator. Simplified, it takes the
documentation from the
content
directory and applies templates fromlayouts
directory and together with any resources instatic
directory generates output in thepublic
directory. - (installed via yarn) Antora a documentation site generator. It uses Asciidoc documents from different sources.
You can build the website locally using the tools Node.js
and yarn
.
Make sure that you have Node.js (herein "Node
") installed.
$ node --version
If this command fails with an error, you do not have Node.js installed.
This project requires the Node LTS version 18 (e.g., V18.30.4).
Please make sure to have a suitable version of Node.js installed. You have several options to install Node.js on your machine:
- Install using the Node Version Manager nvm
- Install using Homebrew and Node formulae
- Install from official Node packages
Note - If you have different Node version other than Node.js LTS version 18 you can use following command to make Node.js LTS version 18 as your default Node.js version.
$ nvm alias default 18
Now that you have Node 18 installed, you can proceed with checking the Yarn installation.
Follow the documentation on installing Yarn for your operating system.
Clone the hop-webiste Git repository:
$ git clone https://github.com/apache/hop-website.git
The first step is to build the Antora UI theme used for the Hop website. The theme sources are located inside Project root directory/antora-ui-hop. Start by switching to that directory:
$ cd antora-ui-hop
In that directory execute:
$ yarn install # needed only once, or if dependencies change
$ yarn build # to perform the ui theme build
You should see the Antora theme bundle generated in antora-ui-hop/build/ui-bundle.zip.
Before you are able to build the website content the UI bundle must be present.
To build the website go to the project root directory and run:
$ yarn install # needed only once, or if dependencies change
$ yarn build # to perform the build
You should see the generated website in the public
directory.
You can preview the the website on your local machine once you have the generated website available in
the public
directory.
Hugo can start a simple web server serving the generated site content so you can view it in your favorite browser.
Simply call
$ yarn preview
or
$ yarn preview-local
preview
will pull the latest docs version from GitHub, preview-local
will use the (committed) documentation files from your local Hop clone.
NOTE: preview-local
assumes your docs repository is cloned to a folder hop
next to hop-website
(both repositories in the same parent folder).
You will be provided with a web server running the site on http:https://localhost:1313/
Point your favorite browser to http:https://localhost:1313/
and you will see the Hop website.
The website content is added under the content
directory, logical groups have been created to group website content. This repository will only be used for the more "static" types of information (blog/news/announcements). Software documentation will reside in a separate repository or in the same repository as the code.
Asciidoc is used to write content for the website, more information about asciidoc syntax can be found here
Images and other resources should be added in the static
folder.
This repository also contains a Jenkins hook, when you add a new branch or pull request with changed content the website is automatically build and a preview is available. When merged with main the site is redeployed
You can check your pull request and see if the site is correctly rendered by going to the Apache Builds website