Documentation
Last updated
Last updated
Contributions to the PX4 User Guide are very welcome; from simple fixes to spelling and grammar, through to the creation of whole new sections.
This topic explains how to make and test changes. Towards the end there is a basic style guide.
:::tip Note You will need a (free) Github account to contribute to the guides. :::
Simple changes to existing content can be made by clicking the Edit this page on GitHub link that appears at the bottom of every page (this opens the page on Github for editing).
To edit an existing page:
Open the page.
Click the Edit this page on GitHub link below the page content.
Make the desired change.
Below the Github page editor you'll be prompted to create a separate branch and then guided to submit a pull request.
The documentation team will review the request and either merge it or work with you to update it.
More substantial changes, including adding new pages or adding/modifying images, aren't as easy to make (or properly test) on Github. For these kinds of changes we suggest using the same approach as for code:
Use the git toolchain to get the documentation source code onto your local computer.
Modify the documentation as needed (add, change, delete).
Test that it builds properly using Vuepress.
Create a branch for your changes and create a pull request (PR) to pull it back into the documentation.
The following explain how to get the source code, build locally (to test), and modify the code.
To get the library(s) sources onto your local computer you will need to use the git toolchain. The instructions below explain how to get git and use it on your local computer.
Download git for your computer from https://git-scm.com/downloads
Sign up for Github if you haven't already
Create a copy (Fork) of the PX4 User Guide repo on Github (instructions here).
Clone (copy) your forked repository to your local computer:
For example, to clone the PX4 userguide fork for a user with Github account "john_citizen":
Navigate to your local repository:
Add a remote called "upstream" to point to the PX4 version of the library:
:::tip A "remote" is a handle to a particular repository. The remote named origin is created by default when you clone the repository, and points to your fork of the guide. Above you create a new remote upstream that points to the PX4 project version of the documents. :::
Create a branch for your changes:
This creates a local branch on your computer named your_feature_branch_name.
Make changes to the documentation as needed (general guidance on this in following sections)
Once you are satisfied with your changes, you can add them to your local branch using a "commit":
For a good commit message, please refer to Contributing section.
Push your local branch (including commits added to it) to your forked repository on Github.
Go to your forked repository on Github in a web browser, e.g.: https://github.com/<your git name>/PX4-user_guide.git. There you should see the message that a new branch has been pushed to your forked repository.
Create a pull request (PR):
On the right hand side of the "new branch message" (see one step before), you should see a green button saying "Compare & Create Pull Request". Press it.
A pull request template will be created. It will list your commits and you can (must) add a meaningful title (in case of a one commit PR, it's usually the commit message) and message (explain what you did for what reason. Check other pull requests for comparison)
You're done! Maintainers for the PX4 User Guide will now have a look at your contribution and decide if they want to integrate it. Check if they have questions on your changes every once in a while.
Build the library locally to test that any changes you have made have rendered properly:
Install the Vuepress prerequiresites:
:::note For recent nodejs versions (after v16.15.0) you need to enable the node legacy OpenSSL provider. On Ubuntu you can do this by running the terminal command:
Navigate to your local repository:
Install dependencies (including Vuepress):
Preview and serve the library:
Now you can browse the guide on http://localhost:8080/px4_user_guide/
Stop serving using CTRL+C in the terminal prompt.
Build the library using:
:::tip Use yarn docs:dev to preview changes as you make them (documents are updated and served very quickly). Before submitting a PR you should also build it using docs:build, as this can highlight issues that are not visible when using docs:dev. :::
The guide uses the Vuepress toolchain. The PX4 User Guide has some minor differences, mostly related to configuration and setup.
In overview:
Pages are written in separate files using markdown.
The syntax is almost the same as that used by the Github wiki.
Vuepress also supports some markdown extensions. We try and avoid using these, except for tips, warning, etc..
This is a multilingual book:
Pages for each language are stored in the folder named for the associated language code (e.g. "zh" for Chinese, "ko" for Korean).
Only edit the ENGLISH (/en) version of files. We use Crowdin to manage the translations.
All pages must be in an appropriately named sub-folder of /en (e.g. this page is in folder en/contribute/).
This makes linking easier because other pages and images are always as the same relative levels
The structure of the book is defined in SUMMARY.md
If you add a new page to the guide you must also add an entry to this file! :::tip This is not "standard vuepress" way to define the sidebar (the summary file is imported by .vuepress/get_sidebar.js). :::
Images must be stored in a sub folder of /assets. This is two folders down from content folders, so if you add an image you will reference it like:
A file named package.json defines any dependencies of the build.
A web hook is used to track whenever files are merged into the master branch on this repository, causing the book to rebuild.
When you add a new page you must also add it to en/SUMMARY.md!
Files/file names
Put new files in an appropriate sub-folder of /en/. Do not further nest folders.
Use descriptive names. In particular, image filenames should describe what they contain.
Use lower case filenames and separate words using underscores "_"
Images
Use the smallest size and lowest resolution that makes the image still useful (this reduces download cost for users with poor bandwidth).
New images should be created in a sub-folder of /assets/ by default (so they can be shared between translations).
Content:
Use "style" (bold, emphasis, etc) consistently.
Bold for button presses and menu definitions.
Emphasis for tool names.
Otherwise use as little as possible.
Headings and page titles should use "First Letter Capitalisation"
The page title should be a first level heading (#). All other headings should be h2 (##) or lower.
Don't add any style to headings.
Don't translate the first part of a note, tip or warning declaration (e.g. ::: tip) as this precise text is required to render the note properly.
Add new documentation in-line with the existing structure!
Some of the main categories are:
Development: content related to:
Evolving the platform (new modes, modules, flight modes, hardware, software and hardware architecture and porting).
"Experimental" work that requires developer expertise to reproduce.
Flying: content related to flying a standard vehicle (flight modes, arming, taking off, landing)
Basic configuration: Configuration that every vehicle will need to do
Advanced configuration: Configuration that is specific to a vehicle type, or some segment of users.
Peripherals: Documentation on different hardware that can be used.
This also includes setup and configuration information for hardware that isn't covered in Basic configuration.
Basic Assembly: Assembly of an autopilot and its main peripherals
Airframe Builds: Examples of how to build a whole system.
For information about translation see: Translation.
All PX4/Dronecode documentation is free to use and modify under terms of the permissive CC BY 4.0 licence.
