docs/content/README.md

397 строки
18 KiB
Markdown
Исходник Обычный вид История

# Content <!-- omit in toc -->
The `/content` directory is where all the site's (English) Markdown content lives!
See the [markup reference guide](/contributing/content-markup-reference.md) for more information about supported Markdown features.
See the [contributing docs](/CONTRIBUTING.md) for general information about working with the docs.
- [Frontmatter](#frontmatter)
- [`versions`](#versions)
- [`redirect_from`](#redirect_from)
- [`title`](#title)
- [`shortTitle`](#shorttitle)
- [`intro`](#intro)
- [`permissions`](#permissions)
- [`product`](#product)
- [`layout`](#layout)
2021-05-19 16:14:02 +03:00
- [`children`](#children)
Landing page: groups of features (#22313) * homepage: reduce padding below search area Bring as much useful content up "above the fold". * homepage: add groups for the front page sections Group the homepage links into sections that map to the GitHub features page (`/features`) plus two groups that are bespoke to the docs ("Get started" and "Developers"). * homepage: update group design Group the feature list area using the design exploration work by @arisacoba. Remove the description. * homepage: remove ungrouped items from main area Remove ungrouped items (like the external links) from the main feature area. Users can still navigate to ungrouped items in the sidebar. * fix tsc error, use Link component * homepage: support empty icon in group Don't assume that we have icons everywhere on the landing page groups. * homepage: drop octocat/invertocat Looks weird with the modern icons, looks bad in dark mode. Drop them for now. * homepage: document the childGroups frontmatter property * homepage: don't test that sidebar == main content We're reducing the links on the homepage in the main content area, but the sidebar should be the complete list of products. Remove the tests that ensure that the main content area has all the sidebar content. But keep the tests that ensure that the sidebar content has all the links in the main content area. * homepage: remove "GitHub" doc set The "GitHub" doc set "will be removed soon as we keep moving more content out of it, so let's not include it here to keep the page more evergreen." * homepage: don't test that `/github` is linked on the main page We're removing the `/github` doc set, and it's now not in the main page grouped links. Remove the test that `/github` exists, now look for `/get-started`. * homepage: use octicons instead of images The images from https://github.com/features will be updated :soon: - in the meantime, let's use octicons which are consistent and give visual interest. * homepage: use octicons from @primer/octicons-react Using the react components adds `<svg>` elements instead of `<img>` elements, which lets the element use the current fill color, supporting both light and dark themes. Co-authored-by: Mike Surowiec <mikesurowiec@users.noreply.github.com> Co-authored-by: Emily Gould <4822039+emilyistoofunky@users.noreply.github.com>
2021-10-22 20:58:16 +03:00
- [`childGroups`](#childgroups)
- [`featuredLinks`](#featuredlinks)
- [`showMiniToc`](#showminitoc)
- [`miniTocMaxHeadingLevel`](#minitocmaxheadinglevel)
- [`allowTitleToDifferFromFilename`](#allowtitletodifferfromfilename)
2021-08-27 19:58:57 +03:00
- [`changelog`](#changelog)
2020-12-12 19:04:00 +03:00
- [`defaultPlatform`](#defaultplatform)
2021-05-04 19:53:52 +03:00
- [`defaultTool`](#defaulttool)
2021-08-27 19:58:57 +03:00
- [`learningTracks`](#learningtracks)
- [`includeGuides`](#includeguides)
- [`type`](#type)
- [`topics`](#topics)
- [`contributor`](#contributor)
- [`communityRedirect`](#communityRedirect)
- [`effectiveDate`](#effectiveDate)
- [Escaping single quotes](#escaping-single-quotes)
- [Autogenerated mini TOCs](#autogenerated-mini-tocs)
- [Versioning](#versioning)
- [Filenames](#filenames)
- [Whitespace control](#whitespace-control)
- [Links and image paths](#links-and-image-paths)
- [Preventing transformations](#preventing-transformations)
2021-08-27 19:58:57 +03:00
- [Index pages](#index-pages)
- [Creating new product guides pages](#creating-new-product-guides-pages)
## Frontmatter
[YAML Frontmatter](https://jekyllrb.com/docs/front-matter/) is an authoring
convention popularized by Jekyll that provides a way to add metadata to pages.
It is a block of key-value content that lives at the top of every Markdown file.
The following frontmatter values have special meanings and requirements for this site.
There's also a schema that's used by the test suite to validate every page's frontmatter.
See [`lib/frontmatter.js`](../lib/frontmatter.js).
### `versions`
- Purpose: Indicates the [versions](../lib/all-versions.js) to which a page applies.
See [Versioning](#versioning) for more info.
- Type: `Object`. Allowable keys map to product names and can be found in the `versions` object in [`lib/frontmatter.js`](../lib/frontmatter.js).
- This frontmatter value is currently **required** for all pages.
- The `*` is used to denote all releases for the version.
Example that applies to GitHub.com and recent versions of GitHub Enterprise Server:
```yaml
title: About your personal dashboard
versions:
2021-06-16 19:34:01 +03:00
fpt: '*'
ghes: '>=2.20'
```
Example that applies to all supported versions of GitHub Enterprise Server:
(but not GitHub.com):
```yaml
title: Downloading your license
versions:
2021-06-16 19:34:01 +03:00
ghes: '*'
```
You can also version a page for a range of releases. This would version the page for GitHub.com, and GitHub Enterprise Server versions 2.22 and 3.0 only:
```yaml
versions:
2021-06-16 19:34:01 +03:00
fpt: '*'
ghes: '>=2.22 <3.1'
```
### `redirect_from`
- Purpose: List URLs that should redirect to this page.
- Type: `Array`
- Optional
Example:
```yaml
title: Getting started with GitHub Desktop
redirect_from:
- /articles/first-launch/
- /articles/error-github-enterprise-version-is-too-old/
- /articles/getting-started-with-github-for-windows/
```
See [`contributing/redirects`](../contributing/redirects.md) for more info.
### `title`
- Purpose: Set a human-friendly title for use in the rendered page's `<title>` tag and an `h1` element at the top of the page.
- Type: `String`
- Optional. If omitted, the page `<title>` will still be set, albeit with a generic value like `GitHub.com` or `GitHub Enterprise`.
### `shortTitle`
- Purpose: An abbreviated variant of the page title for use in breadcrumbs and navigation elements.
- Type: `String`
- Optional. If omitted, `title` will be used.
2021-08-27 19:58:57 +03:00
|Article type |Maximum character length |
--- | --- |
|articles | 31 |
|categories |27 |
|map topics |30 |
Example:
```yaml
title: Contributing to projects with GitHub Desktop
shortTitle: Contributing to projects
```
### `intro`
- Purpose: Sets the intro for the page. This string will render after the `title`.
- Type: `String`
- Optional.
### `permissions`
- Purpose: Sets the permission statement for the article. This string will render after the `intro`.
- Type: `String`
- Optional.
### `product`
- Purpose: Sets the product callout for the article. This string will render after the `intro` and `permissions` statement.
- Type: `String`
- Optional.
### `layout`
- Purpose: Render the proper page layout.
- Type: `String` that matches the name of the layout.
For a layout named `components/landing`, the value would be `product-landing`.
- Optional. If omitted, `DefaultLayout` is used.
2021-05-19 16:14:02 +03:00
### `children`
2021-05-19 16:14:02 +03:00
- Purpose: Lists the relative links that belong to the product/category/map topic. See [Index pages](#index-pages) for more info.
- Type: `Array`. Default is `false`.
- Required on `index.md` pages.
Landing page: groups of features (#22313) * homepage: reduce padding below search area Bring as much useful content up "above the fold". * homepage: add groups for the front page sections Group the homepage links into sections that map to the GitHub features page (`/features`) plus two groups that are bespoke to the docs ("Get started" and "Developers"). * homepage: update group design Group the feature list area using the design exploration work by @arisacoba. Remove the description. * homepage: remove ungrouped items from main area Remove ungrouped items (like the external links) from the main feature area. Users can still navigate to ungrouped items in the sidebar. * fix tsc error, use Link component * homepage: support empty icon in group Don't assume that we have icons everywhere on the landing page groups. * homepage: drop octocat/invertocat Looks weird with the modern icons, looks bad in dark mode. Drop them for now. * homepage: document the childGroups frontmatter property * homepage: don't test that sidebar == main content We're reducing the links on the homepage in the main content area, but the sidebar should be the complete list of products. Remove the tests that ensure that the main content area has all the sidebar content. But keep the tests that ensure that the sidebar content has all the links in the main content area. * homepage: remove "GitHub" doc set The "GitHub" doc set "will be removed soon as we keep moving more content out of it, so let's not include it here to keep the page more evergreen." * homepage: don't test that `/github` is linked on the main page We're removing the `/github` doc set, and it's now not in the main page grouped links. Remove the test that `/github` exists, now look for `/get-started`. * homepage: use octicons instead of images The images from https://github.com/features will be updated :soon: - in the meantime, let's use octicons which are consistent and give visual interest. * homepage: use octicons from @primer/octicons-react Using the react components adds `<svg>` elements instead of `<img>` elements, which lets the element use the current fill color, supporting both light and dark themes. Co-authored-by: Mike Surowiec <mikesurowiec@users.noreply.github.com> Co-authored-by: Emily Gould <4822039+emilyistoofunky@users.noreply.github.com>
2021-10-22 20:58:16 +03:00
### `childGroups`
- Purpose: Renders children into groups on the homepage. See [Homepage](#homepage) for more info.
- Type: `Array`. Default is `false`.
- Require on the homepage `index.md`.
### `featuredLinks`
- Purpose: Renders the linked articles' titles and intros on product landing pages and the homepage.
- Type: `Object`.
- Optional.
The list of popular links are the links displayed on the landing page under the title "Popular." Alternately, you can customize the title "Popular" by setting the `featuredLinks.popularHeading` property to a new string.
Example:
```yaml
featuredLinks:
gettingStarted:
- /path/to/page
guides:
- /guides/example
popular:
- /path/to/popular/article1
- /path/to/popular/article2
popularHeading: An alternate heading to Popular
```
### `showMiniToc`
- Purpose: Indicates whether an article should show a mini TOC above the rest of the content. See [Autogenerated mini TOCs](#autogenerated-mini-tocs) for more info.
- Type: `Boolean`. Default is `true` on articles, and `false` on map topics and `index.md` pages.
- Optional.
### `miniTocMaxHeadingLevel`
- Purpose: Indicates the maximum heading level to include in an article's mini TOC. See [Autogenerated mini TOCs](#autogenerated-mini-tocs) for more info.
- Type: `Number`. Default is `2`. Minimum is `2`. Maximum is `3`.
- Optional.
### `allowTitleToDifferFromFilename`
- Purpose: Indicates whether a page is allowed to have a title that differs from its filename. For example, `content/rest/reference/orgs.md` has a title of `Organizations` instead of `Orgs`. Pages with this frontmatter set to `true` will not be flagged in tests or updated by `script/reconcile-ids-with-filenames.js`.
- Type: `Boolean`. Default is `false`.
- Optional.
### `changelog`
- Purpose: Render a list of items pulled from [GitHub Changelog](https://github.blog/changelog/) on product landing pages (ex: `components/landing`). The one exception is Education, which pulls from https://github.blog/category/community/education.
- Type: `Object`, properties:
- `label` -- must be present and corresponds to the labels used in the [GitHub Changelog](https://github.blog/changelog/)
- `prefix` -- optional string that starts each changelog title that should be omitted in the docs feed. For example, with the prefix `GitHub Actions: ` specified, changelog titles like `GitHub Actions: Some Title Here` will render as `Some Title Here` in the docs feed).
- Optional.
2020-12-12 19:04:00 +03:00
### `defaultPlatform`
- Purpose: Override the initial platform selection for a page. If this frontmatter is omitted, then the platform-specific content matching the reader's operating system is shown by default. This behavior can be changed for individual pages, for which a manual selection is more reasonable. For example, most GitHub Actions runners use Linux and their operating system is independent of the reader's operating system.
- Type: `String`, one of: `mac`, `windows`, `linux`.
- Optional.
Example:
```yaml
defaultPlatform: linux
```
2021-05-04 19:53:52 +03:00
### `defaultTool`
2022-08-25 04:33:25 +03:00
- Purpose: Override the initial tool selection for a page, where the tool refers to the application the reader is using to work with GitHub (such as GitHub.com's web UI, the GitHub CLI, or GitHub Desktop) or the GitHub APIs (such as cURL or the GitHub CLI). For more information about the tool selector, see [Markup reference for GitHub Docs](../contributing/content-markup-reference.md#tool-tags). If this frontmatter is omitted, then the tool-specific content matching the GitHub web UI is shown by default. If a user has indicated a tool preference (by clicking on a tool tab), then the user's preference will be applied instead of the default value.
- Type: `String`, one of: `webui`, `cli`, `desktop`, `curl`, `codespaces`, `vscode`, `importer_cli`, `graphql`, `powershell`, `bash`, `javascript`.
2021-05-04 19:53:52 +03:00
- Optional.
```yaml
defaultTool: cli
```
### `learningTracks`
- Purpose: Render a list of learning tracks on a product's sub-landing page.
- type: `String`. This should reference learning tracks' names defined in [`data/learning-tracks/*.yml`](../data/learning-tracks/README.md).
- Optional
2021-04-28 00:15:17 +03:00
**Note: the featured track is set by a specific property in the learning tracks YAML. See that [README](../data/learning-tracks/README.md) for details.*
### `includeGuides`
- Purpose: Render a list of articles, filterable by `type` and `topics`. Only applicable when used with `layout: product-guides`.
- Type: `Array`
- Optional.
Example:
```yaml
includeGuides:
- /actions/guides/about-continuous-integration
- /actions/guides/setting-up-continuous-integration-using-workflow-templates
- /actions/guides/building-and-testing-nodejs
- /actions/guides/building-and-testing-powershell
```
### `type`
- Purpose: Indicate the type of article.
- Type: `String`, one of the `overview`, `quick_start`, `tutorial`, `how_to`, `reference`.
- Optional.
### `topics`
2022-08-25 04:33:25 +03:00
- Purpose: Indicate the topics covered by the article. The topics are used to filter guides on some landing pages. For example, the guides at the bottom of [this page](https://docs.github.com/en/actions/guides) can be filtered by topics, and the topics are listed under the guide intro. Topics are also added to all search records that get created for each page. The search records contain a `topics` property that is used to filter search results by topics. For more information, see the [Search](/contributing/search.md) contributing guide. Refer to the content models for more details about adding topics. A full list of existing topics is located in the [allowed topics file](/data/allowed-topics.js). If topics in article frontmatter and the allow-topics list become out of sync, the [topics CI test](/tests/unit/search/topics.js) will fail.
- Type: Array of `String`s
2022-08-25 04:33:25 +03:00
- Optional: Topics are preferred for each article, but, there may be cases where existing articles don't yet have topics, or adding a topic to a new article may not add value.
### `contributor`
- Purpose: Indicate an article is contributed and maintained by a third-party organization, typically a GitHub Technology Partner.
- Type: `Object`. Properties are `name` and `URL`.
- Optional.
### `communityRedirect`
- Purpose: Set a custom link and link name for `Ask the GitHub community` link in the footer.
- Type: `Object`. Properties are `name` and `href`.
- Optional.
### `effectiveDate`
- **For GitHub staff only**: Set an effective date for Terms of Service articles so that engineering teams can automatically re-prompt users to confirm the terms
- Type: `string` YEAR-MONTH-DAY e.g. 2021-10-04 is October 4th, 2021
- Optional.
Example:
```yaml
contributor:
name: ACME, inc.
URL: https://acme.example.com/
```
### Escaping single quotes
If you see two single quotes in a row (`''`) in YML frontmatter where you might expect to see one (`'`), this is the YML-preferred way to escape a single quote. From [the YAML spec](https://yaml.org/spec/history/2001-12-10.html):
2022-08-25 04:33:25 +03:00
> In single-quoted leaves, a single quote character needs to be escaped. This is done by repeating the character.
As an alternative, you can change the single quotes surrounding the frontmatter field to double quotes and leave interior single quotes unescaped.
## Autogenerated mini TOCs
Every article on the help site displays an autogenerated "In this article" section (aka mini TOC) at the top of the page that includes links to all `H2`s in the article by default.
* To make the mini TOC include additional (or fewer) heading levels, you can add [`miniTocMaxHeadingLevel` frontmatter](#miniTocMaxHeadingLevel) to specify the maximum heading level. For example: `miniTocMaxHeadingLevel: 3`
* To disable the mini TOC for a specific article, you can add this frontmatter: [`showMiniToc: false`](#showMiniToc)
Mini TOCs do not appear on product landing pages, category landing pages, or map topic pages.
Make sure not to add hardcoded "In this article" sections in the Markdown source or else the page will display duplicate mini TOCs.
## Versioning
A content file can have **two** types of versioning:
* [`versions`](#versions) frontmatter (**required**)
2022-08-25 04:33:25 +03:00
* Determines in which versions the page is available. See [contributing/permalinks](../contributing/permalinks.md) for more info.
* Liquid statements in content (**optional**)
* Conditionally render content depending on the current version being viewed. See [contributing/liquid-helpers](../contributing/liquid-helpers.md) for more info. Note Liquid conditionals can also appear in `data` and `include` files.
**Note**: As of early 2021, the `free-pro-team@latest` version is not included URLs. A helper function called `lib/remove-fpt-from-path.js` removes the version from URLs.
## Filenames
When adding a new article, make sure the filename is a [kebab-cased](https://en.wikipedia.org/wiki/Letter_case#Special_case_styles) version of the title you use in the article's [`title`](#title) frontmatter. This can get tricky when a title has punctuation (such as "GitHub's Billing Plans"). A test will flag any discrepancies between title and filename. To override this requirement for a given article, you can add [`allowTitleToDifferFromFilename`](#allowtitletodifferfromfilename) frontmatter.
## Whitespace control
When using Liquid conditionals in lists or tables, you can use [whitespace control](https://shopify.github.io/liquid/basics/whitespace/) characters to prevent the addition of newlines that would break the list or table rendering.
Just add a hyphen on either the left, right, or both sides to indicate that there should be no newline on that side. For example, this statement removes a newline on the left side:
```
2021-06-16 19:34:01 +03:00
{%- ifversion fpt %}
```
2022-07-12 00:06:53 +03:00
## Links
Links to docs in the `docs-internal` repository must start with a product ID (like `/actions` or `/admin`) and contain the entire filepath, but not the file extension. For example, `/actions/creating-actions/about-custom-actions`.
Image paths must start with `/assets` and contain the entire filepath including the file extension. For example, `/assets/images/help/settings/settings-account-delete.png`.
The links to Markdown pages undergo some transformations on the server side to match the current page's language and version. The handling for these transformations lives in [`lib/render-content/plugins/rewrite-local-links`](lib/render-content/plugins/rewrite-local-links.js).
For example, if you include the following link in a content file:
```
/github/writing-on-github/creating-a-saved-reply
```
When viewed on GitHub.com docs, the link gets rendered with the language code:
```
/en/github/writing-on-github/creating-a-saved-reply
```
and when viewed on GitHub Enterprise Server docs, the version is included as well:
```
/en/enterprise-server@2.20/github/writing-on-github/creating-a-saved-reply
```
### Preventing transformations
2022-08-26 11:39:44 +03:00
Sometimes you want to link to a Dotcom-only article in Enterprise content and you don't want the link to be Enterprise-ified. To prevent the transformation, you should include the preferred version in the path.
2022-06-28 10:18:59 +03:00
```markdown
"[GitHub's Terms of Service](/free-pro-team@latest/github/site-policy/github-terms-of-service)"
```
2020-10-23 12:08:46 +03:00
Sometimes the canonical home of content moves outside the docs site. None of the links included in [`lib/redirects/external-sites.json`](/lib/redirects/external-sites.json) get rewritten. See [`contributing/redirects.md`](/contributing/redirects.md) for more info about this type of redirect.
### Legacy filepaths and redirects for links
Our docs contain links that use legacy filepaths such as `/article/article-name` or `/github/article-name`. Our docs also contain links that refer to articles by past names. Both of these link types function properly because of redirects, but they are bugs.
When you add a link to an article, use the current filepath and article name.
2021-05-19 16:14:02 +03:00
### Index pages
Index pages are the Table of Contents files for the docs site. Every product, category, and map topic subdirectory has an `index.md` that serves as the landing page. Each `index.md` must contain a `children` frontmatter property with a list of relative links to the child pages of the product, category, or map topic.
**Important note**: The site only knows about paths included in `children` frontmatter. If a directory or article exists but is **not** included in `children`, its path will 404.
Landing page: groups of features (#22313) * homepage: reduce padding below search area Bring as much useful content up "above the fold". * homepage: add groups for the front page sections Group the homepage links into sections that map to the GitHub features page (`/features`) plus two groups that are bespoke to the docs ("Get started" and "Developers"). * homepage: update group design Group the feature list area using the design exploration work by @arisacoba. Remove the description. * homepage: remove ungrouped items from main area Remove ungrouped items (like the external links) from the main feature area. Users can still navigate to ungrouped items in the sidebar. * fix tsc error, use Link component * homepage: support empty icon in group Don't assume that we have icons everywhere on the landing page groups. * homepage: drop octocat/invertocat Looks weird with the modern icons, looks bad in dark mode. Drop them for now. * homepage: document the childGroups frontmatter property * homepage: don't test that sidebar == main content We're reducing the links on the homepage in the main content area, but the sidebar should be the complete list of products. Remove the tests that ensure that the main content area has all the sidebar content. But keep the tests that ensure that the sidebar content has all the links in the main content area. * homepage: remove "GitHub" doc set The "GitHub" doc set "will be removed soon as we keep moving more content out of it, so let's not include it here to keep the page more evergreen." * homepage: don't test that `/github` is linked on the main page We're removing the `/github` doc set, and it's now not in the main page grouped links. Remove the test that `/github` exists, now look for `/get-started`. * homepage: use octicons instead of images The images from https://github.com/features will be updated :soon: - in the meantime, let's use octicons which are consistent and give visual interest. * homepage: use octicons from @primer/octicons-react Using the react components adds `<svg>` elements instead of `<img>` elements, which lets the element use the current fill color, supporting both light and dark themes. Co-authored-by: Mike Surowiec <mikesurowiec@users.noreply.github.com> Co-authored-by: Emily Gould <4822039+emilyistoofunky@users.noreply.github.com>
2021-10-22 20:58:16 +03:00
### Homepage
The homepage is the main Table of Contents file for the docs site. The homepage must have a complete list of `children`, like every [Index page](#index-page) but must also specify the `childGroups` frontmatter property that will be highlighted in the main content area.
`childGroups` is an array of mappings containing a `name` for the group, an optional `icon` for the group, and an array of `children`. The `children` in the array must be present in the `children` frontmatter property.
### Creating new product guides pages
To create a product guides page (e.g. [Actions' Guide page](https://docs.github.com/en/actions/guides)), create or modify an existing markdown file with these specific frontmatter values:
2022-08-26 11:39:44 +03:00
1. Use the product guides page template by referencing `layout: product-guides` in the frontmatter.
2. (optional) Include the learning tracks in [`learningTracks`](#learningTracks)
3. (optional) Define which articles to include with [`includeGuides`](#includeGuides).
If using learning tracks, they need to be defined in [`data/learning-tracks/*.yml`](../data/learning-tracks/README.md).
If using `includeGuides`, make sure each of the articles in this list has [`topics`](#topics) and [`type`](#type) in its frontmatter.