GithubHelp home page GithubHelp logo

docs-1's Introduction

Turbo Documentation

This is the official Git repository for Turbo's public documentation.

Live version of the docs can be found at http://turbo.net/docs

Writing the Docs

Style Guide

When contributing to the docs on Turbo, please take the following style guidelines into consideration.

Code and Command-line Styling

  • Command-line comment: All comments should have a # followed by a space and the first word should be capitalized.
# This is formatted properly :)

#this is not :( 
  • Command-line input
> turbo build -n="my image" /path/to/turbo.me
  • Command-line output

  • Command-line spacing

building "my image" from /path/to/turbo.me
  • Always use turbo not spoon in the command line documentation.
  • All code blocks should be 'fenced' with 3 backticks (a la GFM). Inline code styles (i.e. this is a sample command: turbo run) only use 1 backtick. The syntax highlighting to use can be specified after the top 3 backticks (not available for inline code).
  • Use inline code styles sparingly.

Other Styling

  • Inline paths should be bolded. --> Example: navigate to C:\Users
  • Internal links to other sections of the doc should be relative paths
    • Other doc links: /docs/[topic]/[section]
    • To the hub: /hub
    • To contact page: /contact

Adding images

  • Put the image in the same folder as the md file
  • Modify the path in the link based on the example below
  • If you need to specify image dimensions, use HTML
# GitHub location
https://github.com/turboapps/docs/tree/master/doc/getting_started/tour_ii/image.png

# Markdown would be
![](/components/docs/getting_started/tour_ii/image.png)

Contributing

How to Contribute

If you are not a member of the Turbo org (AKA you don't work at Turbo), fork this repo, make changes, commit, and submit a pull request.

Some basic terminology:

  • Topic: The horizontal items in the top navbar.
  • Document: Items on the left nav, a topic contains a list of documents
  • Section: A document consists of 1 or more sections. If you define sections in docs.yaml the left nav will become expandable.

The directory to store your document should be /[topic]/[document title]. If the topic and title of the document contains illegal file system characters, it must be normalized. This is done by lower casing the path, replacing spaces with '_', and deleting illegal windows file system characters. For example, the "What is Turbo?" document under the topic "Getting Started" is stored in the directory "/getting_started/what_is_turbo". The md file names inside of the directory can be *.md

Creating a New Topic

To add a new topic to the top navbar, first create a new folder in the directory corresponding to your topic. Then, edit the docs.yaml file, adding your new topic and rearranging the topic ordering as you see fit. Follow existing patterns when editing this file.

Adding a document

If adding a document to an existing topic, create the corresponding directory /[topic]/[title] and add your new .md file to it.

You are allowed to divide a single document into multiple .md files. They will be assembled to a single document in the order they appear on the file system.

Edit the docs.yaml file following existing patterns.

docs.yaml

The overall structure of the page is dicated by the docs.yaml file, located at /docs.yaml. Each document in the yaml file specifies a topic that will appear in the top navbar of the docs page. A topic has the following properties:

  1. A topic. This is the actual wording that will appear in the top navbar.
  2. A list of documents. This list is used to populate the topic's documents.
  3. A list of sections. This list is used to navigate within a document.

docs-1's People

Contributors

beevvy avatar gamlerhart avatar leandermurphy avatar olegsomphane avatar rorymon avatar vogel avatar

Watchers

 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.