Subscribe with Google


Newsletter


Survey


Using Extended Access


Syncing Publisher Entitlements to Google


Receiving Entitlements from Google


Content examples

Content samples

Examples of different content types and callouts


HTML article

Authoring an html article is like authoring a normal html page, except you just need to focus on the contents of the <body>.

HTML article example

<h1>Hello There</h1>
<article>
  <p>Helpful article content</p>
</article>

Custom pages

If you need a truly custom page (including the header), you can create a custom handlebars template. See documentation (TODO) for how to do this.

Markdown article

The markdown renderer supports the standard information in github-flavored markdown, using marked.js as the renderer. The following plugins are also available for use:

Plugins

Standard html tags can also be used within markdown docs.

The markdown code for this section is as follows:

Markdown article example

Purposefully unformatted

This section is purposefully not parsed as markdown in the example doc,so as to illustrate the markdown format.

The markdown renderer supports the standard information in
[github-flavored markdown](https://marked.js.org/using_advanced#options),
using [marked.js](https://marked.js.org) as the renderer. The following plugins
are also available for use:

#### Plugins {#markdown-renderer-plugins}
- [Admonition](https://www.npmjs.com/package/marked-admonition-extension) for
callouts
- [Custom Heading Id](https://www.npmjs.com/package/marked-custom-heading-id)
for adding custom ids to headings
- [highlight.js](https://www.npmjs.com/package/marked-highlight) for code
syntax highlighting

Standard <code>html</code> <em>tags</em> can also be used within markdown docs.

Code Samples

Default code sample
<h1>html code sample</h1>
console.log("javascript code sample")

Callouts

Syntax

To create a callout, the syntax is as per the admonition library.

!!! <type> <optional message>
<optional body>
!!!

In its simplest form, only two lines are necessary, e.g. in this example for an abstract callout:

!!! abstract demo for **abstract**
!!!

As rendered:

demo for abstract

Examples

demo for abstract bonus edition

This 'abstract' callout also illstrates what happens to multi-line comments that should wrap and have correct padding, but the comment needs to be long to wrap. /shrug

demo for attention

content for attention

demo for bug

content for bug

demo for caution

content for caution

demo for danger

content for danger

demo for error

content for error

demo for example

content for example

demo for failure

content for failure

demo for hint

content for hint

demo for info

content for info

demo for note

content for note

demo for question

content for question

demo for quote

content for quote

demo for success

content for success

demo for tip

content for tip

demo for warning

content for warning