New www.defold.com leveraging GitHub Pages and Jekyll+Liquid to generate a static site. The structure of the static site as well as many of the pages are stored in this repository. Some other parts of the site such as content of the learn section and the asset portal is hosted in other GitHub repositories:
- Assets - defold.com/assets -> github.com/defold/asset-portal
- Showcase - defold.com/showcase -> github.com/defold/games-showcase
- Learn
- Manuals - defold.com/manuals -> github.com/defold/doc
- Tutorials - defold.com/tutorials -> github.com/defold/doc
- FAQ - defold.com/faq/faq -> github.com/defold/doc
- Examples - defold.com/examples -> github.com/defold/examples
- Codepad - defold.com/codepad -> github.com/defold/codepad
The site uses the update.py
script from this repository to update the site with updated content from external sources/repositories.
You need to make sure to have the following dependencies installed before using update.py
:
- Python 3.x
- Requests (http requests)
- PyYAML, Markdown, Pygments
Install dependencies using:
pip3 install --user requests
pip3 install --user pyyaml
pip3 install --user markdown==3.4.1
pip3 install --user pygments==2.13.0
The update.py
script should be run from a terminal. The syntax is as follows:
python3 update.py [--download] docs codepad refdoc examples asset-portal games-showcase
You can use this script when testing locally (see below). The script is also used by GitHub Actions when automatically updating the site when one of the external sources/repositories have changed (see below).
The script accepts the following options:
--download
- Download the required files for each command. If the option is omitted the files are expected to already exist on disk ready for processing.--githubtoken
- GitHub authentication token when committing changes.
The script accepts the following commands:
docs
- Import manuals, tutorials and FAQ from github.com/defold/doccodepad
- Import CodePad from github.com/defold/codepadrefdoc
- Import API reference from latest release at d.defold.comexamples
- Import examples from github.com/defold/examplesasset-portal
- Import Asset Portal content from github.com/defold/asset-portalgames-showcase
- Import Showcase content from github.com/defold/games-showcasecommit
- Commit changes to GitHub (for CI use)
It is recommended that you generate and test the site locally before pushing the changes to the repository. You generate and test the site locally by running serve.sh
.
You need to make sure you have the following dependencies installed before attempting to generate the site locally using serve.sh
:
- Ruby
- bundler gem
- jekyll
- github-pages gem
- Pagefind (for search indexing)
Most macOS versions ship with Ruby preinstalled. It is however recommended that you install a separate Ruby version as you will very likely run into permission issues if trying to install any Ruby gems with the system version of Ruby.
The recommended approach is to use Homebrew to install Ruby:
If you don't have Homebrew installed, open a terminal window and install it:
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
brew install ruby
Add Ruby to your PATH by adding this line to your shell profile (e.g. ~/.zshrc
):
export PATH="/opt/homebrew/opt/ruby/bin:$PATH"
Then restart your terminal or run:
source ~/.zshrc
If you prefer to use rbenv for Ruby version management:
# Install rbenv
brew install rbenv
# Add rbenv to shell profile
echo 'eval "$(rbenv init -)"' >> ~/.zshrc
# Restart terminal or reload profile
source ~/.zshrc
# Install Ruby version specified in .ruby-version file
rbenv install $(cat .ruby-version)
rbenv local $(cat .ruby-version)
The site uses bundler to manage gem dependencies. Install bundler first, then install all dependencies:
gem install bundler
bundle install
Note: If you encounter errors related to missing csv
or logger
gems (common with Ruby 3.4+), these have been added to the Gemfile and will be installed automatically with bundle install
.
The site uses Pagefind for search functionality. Install it using:
pip3 install "pagefind[extended]"
The serve.sh
script will automatically check for Pagefind installation and provide installation instructions if missing.
Launch/serve the site locally:
./serve.sh
Once the site has been built you can test it by pointing your browser to localhost:4000.
Note: If you're using Homebrew Ruby, you may need to set the PATH in your terminal session:
export PATH="/opt/homebrew/opt/ruby/bin:$PATH"
./serve.sh
You can use the update.py
script to pull in and process content from external sources (docs, asset portal etc)
Copy the refdoc.zip
to the main folder:
cp $DYNAMO_HOME/share/ref-doc.zip refdoc_alpha.zip
cp $DYNAMO_HOME/share/ref-doc.zip refdoc_beta.zip
cp $DYNAMO_HOME/share/ref-doc.zip refdoc_stable.zip
./update.py refdoc
./serve.sh
By setting the DM_DOC_DIR
environment variable, you can load the documentation directory from your local folder:
DM_DOC_DIR=/Users/username/work/doc python3 update.py docs
The site uses GitHub Actions to automatically trigger update.py
when an external source/repository has been updated. CI then builds the Jekyll site, generates the Pagefind index, and deploys the built _site
to GitHub Pages via actions/deploy-pages
. Ensure the repository Pages settings use “GitHub Actions” for build & deployment.
The script is also triggered once every hour to update the asset portal star count for GitHub hosted assets. The following workflows/jobs have been set up using GitHub Actions:
- Update site - on change in external repository (triggered using the repository_dispatch event)
- Asset-portal - Triggered from asset-portal workflow on change.
- Games-showcase - Triggered from games-showcase workflow on change.
- Docs (manuals, tutorials, faq) - Triggered from doc workflow on change.
- Docs (examples) - Triggered from examples workflow on change.
- Codepad - Triggered from codepad workflow on change.
The site search is powered by Pagefind, a static site search library. Pagefind automatically generates a search index during the site build process and provides a fast, client-side search interface with filtering and metadata support.
Functionality for searching and marking within a single page using Mark.js.
This site uses the following assets: