Giter Club home page Giter Club logo

actualbudget-docs's Introduction

Actual Budget Community Documentation

This repo forms the basis for what will become the new Actual Budget community documentation website, this is built using Docusaurus 2, a modern static website generator.

Docusaurus 2 uses NodeJS so if you are running Actual on your local machine you should be able to easily run Docusaurus 2

Contributing

Firstly, thankyou for stopping by and giving up some of your time to either check out the documentation we have already produced or pick off some of the issues and help create some new documentation for our future users.

Document Standards

Below are some basic standards on how the documentation should be formatted, everyone has there own writing style but the layout of the documents should be the same across all documents.

Language

When writing your documentation, please use the English language, at this time the documentation team doesn't have any translators available to translate documents into other languages but this is something we would like to do in the future.

Docusaurus 2 provide translation using i8n, if this is something you would like to pursue, please feel free to open a PR.

Documentation Structure

Below is the documentation structure for the Actual Community Docs.

website # the root directory of the documentation site
├── docs
│   └── index.md # the introduction file
    └── Getting Started
        └── Migration
        └── Installing # Documentation around installing actual
            └── Fly # sub folders for each installation method when the method has multiple files
            └── Synology
            ... # If the installation method only has one file, leave it in root of Installing
    └── Budgeting
        └── Rules
        ...
    └── Accounts # Anything relating to accounts, account management or transactions
        ...
    └── Budgeting # Budget specific, including rules, schedules etc.
        ...
    └── Reports # Just reporting
        ...
    └── Backup & Restore # Self explanatory title
        ...
    └── Developers # Documentation for developers, API etc.
        ...
    └── Other # Anything that doesn't fit above
        ...
    └── Troubleshooting # Self explanatory title
        ...
│

Document Frontmatter

Front matter is used to add metadata to your documentation file, the front matter is used to enrich the default metadata inferred from the content or other configuration.

---
title: My Doc Title
more_data:
  - Can be provided
  - as: objects
    or: arrays
---

Document Headings

The below shows how a document should be laid out.

# A single heading

Each document should only have one single heading, when a title is not provided in the front matter of the document, the heading provided is used instead and displayed in the documentation tree.

## Sub Headings to split out sections of your document

Sub headings are used to split the document into meaningful "chapters" these are then used in the right side bar when viewing a document to allow the reader to easily navigate the document content.

### Section sub headings.

Each "chapter" can then be split into sub sections using three gate headings.

### When Using Images

When using images, ensure that the image is large and clear, if the image contains multiple items and buttons, highlight the area you are talking about or create arrows on the image to point to the part you are discussing. Where possible images should be saved as PNG format.

Call Outs

If you would like to highlight a section of your document with a note, you can use the following

:::notes
Your note content
:::

If you want to make a reader aware of a cautionary item in your documentation, you can use this.

:::caution
Your cautionary item
:::

Quotes & Code Blocks

Using quotes within your documentation is easy to do using

> Your quote goes here
> another line of your quote
> and another

If you want to use code in your documentation, that is easy too.

console.log('Every repo must come with a mascot.');

Issues

If you know of a part of Actual that isn't documented and you would like to know more about that part of the software, open an Issue and one of the documentation team will get to it, or have a go at writing it yourself, we could really use all the help we can get.

Pull Requests

When submitting a pull request, please make sure that your contributions are complete, I am checking this repo regularly so if I see a open PR the likelihood of me pulling it and merging it are high.

Documentation submitted will be proof read and amended before merging, please don't take this personally if any of your documentation gets amended, we just want to make sure all documents are ready to go before merging them into main.

Installing the docs

Firstly, pull this repo into a local area on your machine, navigate to that directory and run the following command.

$ yarn

Local Development

To start Docusaurus 2 navigate to the folder where the repo resides from a command prompt and issue the following command.

$ yarn start

This command starts a local development server and opens up a browser window. Most changes are reflected live without having to restart the server.

Build

$ yarn build

This command generates static content into the build directory and can be served using any static contents hosting service.

Deployment

Using SSH:

$ USE_SSH=true yarn deploy

Not using SSH:

$ GIT_USER=<Your GitHub username> yarn deploy

If you are using GitHub pages for hosting, this command is a convenient way to build the website and push to the gh-pages branch.

actualbudget-docs's People

Contributors

albertchae avatar gsumpster avatar j-f1 avatar jlongster avatar matissjanis avatar paulhovey avatar rich-howell avatar shall0pass avatar soyatti avatar techwizee avatar tjex avatar winklevos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.