-
Notifications
You must be signed in to change notification settings - Fork 60.4k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Deprecate
contributing
directory (#45581)
Co-authored-by: Kevin Heis <[email protected]>
- Loading branch information
Showing
22 changed files
with
26 additions
and
3,601 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,79 +1 @@ | ||
# Code annotations | ||
|
||
Code annotations help explain longer code examples by describing what a code example does and why. The annotations render next to the code samples in a two pane layout, so we can write longer annotations without making the code itself difficult to read. We only annotate full code examples, not snippets. Code annotations should add value when used and are not required for every code sample. | ||
|
||
Code annotations can be helpful for a variety of audiences. Often, code annotations will be used to explain key concepts to new users or specific choices to more experienced users. | ||
|
||
For new users, code annotations are a way to go beyond the high level overview of a code example and explain what each line of code does so that someone can understand the code as if a friend or coworker were guiding them through it. | ||
|
||
For more experienced users, code annotations can help them understand a code example and then tailor it to their specific needs. Annotations can explain why code was written a certain way so that the fundamentals are clear. | ||
|
||
You can annotate multiple code examples in a single article, but keep in mind that each annotation increases the complexity of an article and adds repetitive navigation tasks for people using screen readers. If you have multiple code examples in an article, consider whether they can be combined into a single example. | ||
|
||
## Enabling and adding code annotations | ||
|
||
1. Specify the `layout: inline` frontmatter property for the article. | ||
1. Create a code example using triple backticks. | ||
1. Specify a language for the code example after the triple backtick, followed by `annotate`. For example, ` ```yaml annotate` or ` ```ruby annotate`. | ||
1. Add annotations using comment tags (`#`, `//`, `<!--`, `%%`) within the code example. Annotations apply from the line below the comment to the next comment tag or the end of the code block. | ||
|
||
An annotated code example must start with a single line annotation. You can start with a blank annotation if you do not want to add an annotation to the first line of code. | ||
|
||
You must use the comment tag for the language that the code sample is written in. For example, `#` for YAML and `//` for JavaScript. | ||
|
||
To enable code sample annotations, you must specify a language followed by the word `annotate` after the starting triple backtick code tag. | ||
|
||
Within code sample annotations: | ||
- Annotations use single-line comment style and must start with a comment tag that matches the code language: `#`, `//`, `<!--`, `%%`. | ||
- Annotations apply to the code from the line below the comment tag to the next comment tag or the end of the code block. | ||
- Multiline-style comments, such as `/*` are not supported. | ||
- You can include any number of spaces before the comment tag starts. | ||
- You can include any number of spaces after the comment tag ends. | ||
- To create a blank annotation, insert a comment tag with no text after it. | ||
- Anything after the comment tag will be parsed with Markdown. Links, versioning, and other styling will render as if they were written in Markdown. | ||
- Multiple sequential comments will create a single annotation. | ||
- Lines that do not start with a comment tag and are empty or only contain spaces will be ignored. | ||
- You must start the code section with a single line comment. If the first line (or section) of the code does not need an annotation, you can use a comment tag with no text to create a blank annotation. | ||
- For HTML style, you should include a closing tag, `<!-- -->`, after your annotations to maintain syntax highlighting. | ||
|
||
## Writing code annotations | ||
|
||
Introduce the overall purpose of a code example with an introduction before the code block and use annotations to explain what specific lines of code do and why they do it. | ||
|
||
Prioritize clarity in code annotations while trying to keep them as short as possible. People use code samples as a foundation for their own work, so annotations should help people understand the sample as it is written and how they might adapt the sample for other uses. | ||
|
||
Consider your audience when writing code annotations and do not assume people will know why an example is written a certain way. | ||
|
||
Annotations can be used to show the expected outcomes for the code that they annotate, but the results for the entire code example should be in the introduction for the code example or discussed after the example, whichever way best serves the audience. | ||
|
||
If a code example is changed, check that all annotations are still valid. | ||
|
||
## Example of an annotated code example | ||
|
||
The following code example shows a workflow that posts a welcome comment on a pull request when it is opened. | ||
|
||
```yaml annotate | ||
# The name of the workflow as it will appear in the "Actions" tab of the GitHub repository. | ||
name: Post welcome comment | ||
# The `on` keyword lets you define the events that trigger when the workflow is run. | ||
on: | ||
# Add the `pull_request` event, so that the workflow runs automatically | ||
# every time a pull request is created. | ||
pull_request: | ||
types: [opened] | ||
# Modifies the default permissions granted to `GITHUB_TOKEN`. | ||
permissions: | ||
pull-requests: write | ||
# Defines a job with the ID `build` that is stored within the `jobs` key. | ||
jobs: | ||
build: | ||
name: Post welcome comment | ||
# Configures the operating system the job runs on. | ||
runs-on: ubuntu-latest | ||
# The `run` keyword tells the job to execute a command on the runner. | ||
steps: | ||
- run: gh pr comment $PR_URL --body "Welcome to the repository!" | ||
env: | ||
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} | ||
PR_URL: ${{ github.event.pull_request.html_url }} | ||
``` | ||
The content in the `contributing` directory has been deprecated. See "[Annotating code examples](https://docs.github.com/en/contributing/writing-for-github-docs/annotating-code-examples)" in the GitHub Docs for the maintained version of this article. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,34 +1 @@ | ||
# Working in a codespace | ||
|
||
This document describes how to use GitHub Codespaces for working on articles for docs.github.com. | ||
|
||
## About GitHub Codespaces | ||
|
||
GitHub Codespaces allows you to work in a development environment that's hosted remotely from your machine. You can get started very quickly, with no need to set up the working environment, and without having to download files to your local computer. | ||
|
||
**Note**: GitHub Codespaces is currently only available if you are a member of an organization using GitHub Team or GitHub Enterprise Cloud. | ||
|
||
For more information, see "[GitHub Codespaces overview](https://docs.github.com/en/codespaces/overview)." | ||
|
||
## Work on documentation in a codespace | ||
|
||
The steps described below assume you have GitHub Codespaces set up to edit files using Visual Studio Code for Web. The steps are very similar if you have configured a different editor. For more information, see "[Setting your default editor for GitHub Codespaces](https://docs.github.com/en/codespaces/customizing-your-codespace/setting-your-default-editor-for-codespaces)." | ||
|
||
1. Go to the `docs` repository: [https://github.com/github/docs](https://github.com/github/docs). | ||
1. If you're an open source contributor: [fork the repository](https://docs.github.com/en/get-started/quickstart/fork-a-repo) to your own organization. | ||
1. [Create a branch to work on](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/creating-and-deleting-branches-within-your-repository). | ||
1. On the main page of the new `docs` repository, click the **Code** button and click **Create codespace on BRANCHNAME**.<br> | ||
The "Setting up your codespace" page is displayed. After a short time the browser-based version of Visual Studio Code is displayed. | ||
1. Use the Explorer to navigate to the markdown file you want to edit. This will be located below the `content` directory. <br> | ||
In most cases, the path to the file, below the `content` directory, matches the path in URL, minus the `.md` file name extension. For example, the source for the article <code>https<span></span>://docs.github.com/en/**codespaces/getting-started/quickstart**</code> is the markdown file <code>content/**codespaces/getting-started/quickstart**.md</code>. | ||
1. Edit the markdown file as required. | ||
1. Save your changes. | ||
1. Commit and push your changes, either using the "Source Control" view, or using Git commands from the Terminal. For more information, see "[About Git](https://docs.github.com/en/get-started/using-git/about-git)." | ||
1. Go to the **Pull requests** tab of the `github/docs` repository: https://github.com/github/docs/pulls | ||
1. Click **New pull request**. | ||
1. If you're an open source contributor: click **compare across forks** and choose the forked repository you created, and your working branch.<br> | ||
Otherwise: change the "compare" branch to your working branch. | ||
1. Check that the changes displayed include all of the changes you made in the codespace. If they do not, it indicates there are changes you have not pushed from the codespace to GitHub. | ||
1. Click **Create pull request**. | ||
1. Fill out the details for your pull request and click **Create pull request**.<br> | ||
Your pull request will be reviewed by a member of the GitHub documentation team. | ||
The content in the `contributing` directory has been deprecated. See "[Working on a GitHub Docs in a codepsace](https://docs.github.com/en/contributing/setting-up-your-environment-to-work-on-github-docs/working-on-github-docs-in-a-codespace)" in the GitHub Docs for the maintained version of this article. |
Oops, something went wrong.
.github/CONTRIBUTING.md