--- title: Example post description: This is just an example post to show the format of new 2.0 posts url: https://docs.influxdata.com/example/ estimated_tokens: 28013 --- # Example post This is a paragraph. Lorem ipsum dolor () sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo. [Ref link](https://docs.influxdata.com) This is **bold** text. This is *italic* text. This is ***bold and italic***. ### Clockface v2 icons username org-name Data Load Data Explore Data Explorer Org Organization Boards Dashboards Tasks Tasks Alerts Alerts Settings Settings Books Notebooks add-cell  add-label alert calendar chat checkmark clone cloud cog config copy crown dashboard dashboards data-explorer delete download duplicate edit expand export eye eye-closed eye-open feedback fullscreen gear graph hide influx influx-icon nav-admin nav-config nav-configuration nav-dashboards nav-data-explorer nav-organizations nav-orgs nav-tasks note notebook notebooks org orgs pause pencil play plus refresh remove replay save-as search settings tasks toggle trash trashcan triangle view wrench x ### Clockface v3 icons u u username org-name Load Data Data Explorer Dashboards Tasks Alerts Settings Notebooks add-cell  add-label alert annotate bar-chart bar-graph calendar chat checkmark clock clone cloud cog config copy crown dashboard dashboards data-explorer delete download duplicate edit expand export eye eye-closed eye-open feedback fullscreen gear graph handle hide influx influx-icon move move-cell nav-admin nav-config nav-configuration nav-dashboards nav-data-explorer nav-organizations nav-orgs nav-tasks note notebook notebooks org orgs pause pencil pin play plus refresh remove replay save-as search settings tasks toggle trash trashcan triangle view wrench x ### Clockface v4 icons u u username org-name Load Data Data Explorer Dashboards Tasks Alerts Settings Notebooks add-cell  add-label alert annotate bar-chart bar-graph calendar chat checkmark clock clone cloud cog config copy crown dashboard dashboards data-explorer delete download duplicate edit expand export eye eye-closed eye-open feedback fullscreen gear graph handle hide influx influx-icon move move-cell nav-admin nav-dashboards nav-data-explorer nav-organizations nav-orgs nav-tasks note notebook notebooks org orgs pause pencil pin play plus refresh remove replay save-as search settings tasks toggle trash trashcan view x ## h2 This is a header2 This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo. This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo. #### Here’s a title for this codeblock **Flux:** ```js data = from(bucket: "example-bucket") |> range(start: -15m) |> filter(fn: (r) => r._measurement == "mem" and r._field == "used_percent" ) ``` **InfluxQL:** ```sql SELECT "used_percent" FROM "telegraf"."autogen"."mem" WHERE time > now() - 15m ``` ### h3 This is a header3 This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo. ![Test image](/img/chronograf/1-6-alerts-conditions.png) ![Test Image](/img/influxdb/2-0-controls-time-range.png) This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo. #### h4 This is a header4 This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo. This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo. [Link to h2](#h2-this-is-a-header2) ##### h5 This is a header5 This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo. This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo. ###### h6 This is a header6 This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo. This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo. This line has a horizontal rule above and below. #### Inline Styles This is an [inline link](#). This is `inline code`. This is an [`inline code link`](#). This is an [`inline code link` with text in the link](#). This is **bold**. This is *italic*. - Unordered list line-item 1 - Unordered list line-item 2 - Unordered list line-item 2.1 - Unordered list line-item 2.2 - Unordered list line-item 2.3 *(this is just an li, no p tag)* 1. Ordered list item nested 1 2. Ordered list item nested 2 3. Ordered list item nested 3 - Unordered list line-item 3 - Unordered list line-item with multiple paragraphs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. - Unordered list line-item with multiple paragraphs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. 1. Ordered list line-item 1 2. Ordered list line-item 2 1. Ordered list line-item 2.1 2. Ordered list line-item 2.2 3. Ordered list line-item 2.3 *(this is just an li, no p tag)* - Unordered list item nested 1 - Unordered list item nested 2 - Unordered list item nested 3 3. Ordered list line-item 2.4 with hard return. - Unordered list item nested 1 - Unordered list item nested 2 - Unordered list item nested 3 With Another paragraph. 4. Ordered list line-item 3 5. Ordered list line-item with multiple paragraphs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. 6. Ordered list line-item with multiple paragraphs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. ```js // This is a code block cpu = from(bucket:"example-bucket") |> range(start:-30m) |> filter(fn:(r) => r._measurement == "cpu") |> filter(fn:(r) => r._measurement == "cpu") |> filter(fn:(r) => r._measurement == "cpu") avg_cpu = cpu |> window(every:5m) |> mean() avg_cpu |> group(none:true) |> yield() // ``` ###### Here’s a codeblock with a title ```js // This is a code block cpu = from(bucket:"example-bucket") |> range(start:-30m) |> filter(fn:(r) => r._measurement == "cpu") avg_cpu = cpu |> window(every:5m) |> mean() avg_cpu |> group(none:true) |> yield() // ``` ## Alert blocks This is a **Note**. Useful information that users should know, even when skimming content. This is a **Tip**. Helpful advice for doing things better or more easily. This is an **Important**. Key information users need to know to achieve their goal. This is a **Warning**. Urgent info that needs immediate user attention to avoid problems. This is a **Caution**. Advises about risks or negative outcomes of certain actions. This is a basic note. ## h2 This is a header2 Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. ### h3 This is a header3 Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. ![Test image](/img/chronograf/1-6-alerts-conditions.png) ![Test Image](/img/influxdb/2-0-controls-time-range.png) #### h4 This is a header4 Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. ##### h5 This is a header5 Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. ###### h6 This is a header6 Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. > Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. #### Inline Styles This is an [inline link](#). This is `inline code`. This is an [`inline code link`](#) . This is **bold**. This is *italic*. - Unordered list line-item 1 - Unordered list line-item 2 - Unordered list line-item 2.1 - Unordered list line-item 2.2 - Unordered list line-item 2.3 - Unordered list line-item 3 - Unordered list line-item with multiple paragraphs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. - Unordered list line-item with multiple paragraphs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. 1. Unordered list line-item 1 2. Unordered list line-item 2 1. Unordered list line-item 2.1 2. Unordered list line-item 2.2 3. Unordered list line-item 2.3 3. Unordered list line-item 3 4. Unordered list line-item with multiple paragraphs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. 5. Unordered list line-item with multiple paragraphs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. **tab1:** ```js // This is a code block inside of a blockquote cpu = from(bucket:"example-bucket") |> range(start:-30m) |> filter(fn:(r) => r._measurement == "cpu" and r._field == "someReallyLongFieldName") ``` **tab2:** ```js // This is a code block inside of a blockquote cpu = from(bucket:"my-bucket") |> range(start:-30m) |> filter(fn:(r) => r._measurement == "cpu") ``` > ###### This is a table > > | Column 1 | Column 2 | Column 3 | Column 4 | Column 1 | Column 2 | Column 3 | Column 4 | > | --- | --- | --- | --- | --- | --- | --- | --- | > | Row 1.1 | Row 1.2 | Row 1.3 | Row 1.4 | Row 1.1 | Row 1.2 | Row 1.3 | Row 1.4 | > | Row 2.1 | Row 2.2 | Row 2.3 | Row 2.4 | Row 2.1 | Row 2.2 | Row 2.3 | Row 2.4 | > | Row 3.1 | Row 3.2 | Row 3.3 | Row 3.4 | Row 3.1 | Row 3.2 | Row 3.3 | Row 3.4 | > | Row 4.1 | Row 4.2 | Row 4.3 | Row 4.4 | Row 4.1 | Row 4.2 | Row 4.3 | Row 4.4 | > > ###### This is a table with lots of stuff > > | Column 1 | Column 2 | Column 3 | Column 4 | > | --- | --- | --- | --- | > | Row 1.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 1.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 1.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 1.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | > | Row 2.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 2.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 2.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 2.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | > | Row 3.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 3.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 3.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 3.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | > | Row 4.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 4.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 4.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 4.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | This is a basic tip. ## h2 This is a header2 Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. ### h3 This is a header3 Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. ![Test image](/img/chronograf/1-6-alerts-conditions.png) ![Test Image](/img/influxdb/2-0-controls-time-range.png) #### h4 This is a header4 Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. ##### h5 This is a header5 Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. ###### h6 This is a header6 Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. > Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. #### Inline Styles This is an [inline link](#). This is `inline code`. This is an [`inline code link`](#) . This is **bold**. This is *italic*. - Unordered list line-item 1 - Unordered list line-item 2 - Unordered list line-item 2.1 - Unordered list line-item 2.2 - Unordered list line-item 2.3 - Unordered list line-item 3 - Unordered list line-item with multiple paragraphs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. - Unordered list line-item with multiple paragraphs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. 1. Unordered list line-item 1 2. Unordered list line-item 2 1. Unordered list line-item 2.1 2. Unordered list line-item 2.2 3. Unordered list line-item 2.3 3. Unordered list line-item 3 4. Unordered list line-item with multiple paragraphs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. 5. Unordered list line-item with multiple paragraphs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. **tab1:** ```js // This is a code block inside of a blockquote cpu = from(bucket:"example-bucket") |> range(start:-30m) |> filter(fn:(r) => r._measurement == "cpu" and r._field == "someReallyLongFieldName") ``` **tab2:** ```js // This is a code block inside of a blockquote cpu = from(bucket:"my-bucket") |> range(start:-30m) |> filter(fn:(r) => r._measurement == "cpu") ``` > ###### This is a table > > | Column 1 | Column 2 | Column 3 | Column 4 | Column 1 | Column 2 | Column 3 | Column 4 | > | --- | --- | --- | --- | --- | --- | --- | --- | > | Row 1.1 | Row 1.2 | Row 1.3 | Row 1.4 | Row 1.1 | Row 1.2 | Row 1.3 | Row 1.4 | > | Row 2.1 | Row 2.2 | Row 2.3 | Row 2.4 | Row 2.1 | Row 2.2 | Row 2.3 | Row 2.4 | > | Row 3.1 | Row 3.2 | Row 3.3 | Row 3.4 | Row 3.1 | Row 3.2 | Row 3.3 | Row 3.4 | > | Row 4.1 | Row 4.2 | Row 4.3 | Row 4.4 | Row 4.1 | Row 4.2 | Row 4.3 | Row 4.4 | > > ###### This is a table with lots of stuff > > | Column 1 | Column 2 | Column 3 | Column 4 | > | --- | --- | --- | --- | > | Row 1.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 1.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 1.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 1.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | > | Row 2.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 2.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 2.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 2.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | > | Row 3.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 3.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 3.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 3.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | > | Row 4.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 4.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 4.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 4.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | This is a basic important block. ## h2 This is a header2 Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. ### h3 This is a header3 Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. ![Test image](/img/chronograf/1-6-alerts-conditions.png) ![Test Image](/img/influxdb/2-0-controls-time-range.png) #### h4 This is a header4 Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. ##### h5 This is a header5 Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. ###### h6 This is a header6 Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. > Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. #### Inline Styles This is an [inline link](#). This is `inline code`. This is an [`inline code link`](#) . This is **bold**. This is *italic*. - Unordered list line-item 1 - Unordered list line-item 2 - Unordered list line-item 2.1 - Unordered list line-item 2.2 - Unordered list line-item 2.3 - Unordered list line-item 3 - Unordered list line-item with multiple paragraphs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. - Unordered list line-item with multiple paragraphs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. 1. Unordered list line-item 1 2. Unordered list line-item 2 1. Unordered list line-item 2.1 2. Unordered list line-item 2.2 3. Unordered list line-item 2.3 3. Unordered list line-item 3 4. Unordered list line-item with multiple paragraphs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. 5. Unordered list line-item with multiple paragraphs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. **tab1:** ```js // This is a code block inside of a blockquote cpu = from(bucket:"example-bucket") |> range(start:-30m) |> filter(fn:(r) => r._measurement == "cpu" and r._field == "someReallyLongFieldName") ``` **tab2:** ```js // This is a code block inside of a blockquote cpu = from(bucket:"my-bucket") |> range(start:-30m) |> filter(fn:(r) => r._measurement == "cpu") ``` > ###### This is a table > > | Column 1 | Column 2 | Column 3 | Column 4 | Column 1 | Column 2 | Column 3 | Column 4 | > | --- | --- | --- | --- | --- | --- | --- | --- | > | Row 1.1 | Row 1.2 | Row 1.3 | Row 1.4 | Row 1.1 | Row 1.2 | Row 1.3 | Row 1.4 | > | Row 2.1 | Row 2.2 | Row 2.3 | Row 2.4 | Row 2.1 | Row 2.2 | Row 2.3 | Row 2.4 | > | Row 3.1 | Row 3.2 | Row 3.3 | Row 3.4 | Row 3.1 | Row 3.2 | Row 3.3 | Row 3.4 | > | Row 4.1 | Row 4.2 | Row 4.3 | Row 4.4 | Row 4.1 | Row 4.2 | Row 4.3 | Row 4.4 | > > ###### This is a table with lots of stuff > > | Column 1 | Column 2 | Column 3 | Column 4 | > | --- | --- | --- | --- | > | Row 1.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 1.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 1.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 1.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | > | Row 2.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 2.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 2.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 2.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | > | Row 3.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 3.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 3.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 3.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | > | Row 4.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 4.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 4.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 4.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | This is a basic warning. ## h2 This is a header2 Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. ### h3 This is a header3 Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. ![Test image](/img/chronograf/1-6-alerts-conditions.png) ![Test Image](/img/influxdb/2-0-controls-time-range.png) #### h4 This is a header4 Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. ##### h5 This is a header5 Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. ###### h6 This is a header6 Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. > Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. #### Inline Styles This is an [inline link](#). This is `inline code`. This is an [`inline code link`](#) . This is **bold**. This is *italic*. - Unordered list line-item 1 - Unordered list line-item 2 - Unordered list line-item 2.1 - Unordered list line-item 2.2 - Unordered list line-item 2.3 - Unordered list line-item 3 - Unordered list line-item with multiple paragraphs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. - Unordered list line-item with multiple paragraphs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. 1. Unordered list line-item 1 2. Unordered list line-item 2 1. Unordered list line-item 2.1 2. Unordered list line-item 2.2 3. Unordered list line-item 2.3 3. Unordered list line-item 3 4. Unordered list line-item with multiple paragraphs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. 5. Unordered list line-item with multiple paragraphs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. **tab1:** ```js // This is a code block inside of a blockquote cpu = from(bucket:"example-bucket") |> range(start:-30m) |> filter(fn:(r) => r._measurement == "cpu" and r._field == "someReallyLongFieldName") ``` **tab2:** ```js // This is a code block inside of a blockquote cpu = from(bucket:"my-bucket") |> range(start:-30m) |> filter(fn:(r) => r._measurement == "cpu") ``` > ###### This is a table > > | Column 1 | Column 2 | Column 3 | Column 4 | Column 1 | Column 2 | Column 3 | Column 4 | > | --- | --- | --- | --- | --- | --- | --- | --- | > | Row 1.1 | Row 1.2 | Row 1.3 | Row 1.4 | Row 1.1 | Row 1.2 | Row 1.3 | Row 1.4 | > | Row 2.1 | Row 2.2 | Row 2.3 | Row 2.4 | Row 2.1 | Row 2.2 | Row 2.3 | Row 2.4 | > | Row 3.1 | Row 3.2 | Row 3.3 | Row 3.4 | Row 3.1 | Row 3.2 | Row 3.3 | Row 3.4 | > | Row 4.1 | Row 4.2 | Row 4.3 | Row 4.4 | Row 4.1 | Row 4.2 | Row 4.3 | Row 4.4 | > > ###### This is a table with lots of stuff > > | Column 1 | Column 2 | Column 3 | Column 4 | > | --- | --- | --- | --- | > | Row 1.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 1.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 1.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 1.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | > | Row 2.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 2.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 2.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 2.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | > | Row 3.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 3.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 3.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 3.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | > | Row 4.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 4.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 4.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 4.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | This is a basic caution. ## h2 This is a header2 Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. ### h3 This is a header3 Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. ![Test image](/img/chronograf/1-6-alerts-conditions.png) ![Test Image](/img/influxdb/2-0-controls-time-range.png) #### h4 This is a header4 Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. ##### h5 This is a header5 Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. ###### h6 This is a header6 Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. > Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. #### Inline Styles This is an [inline link](#). This is `inline code`. This is an [`inline code link`](#) . This is **bold**. This is *italic*. - Unordered list line-item 1 - Unordered list line-item 2 - Unordered list line-item 2.1 - Unordered list line-item 2.2 - Unordered list line-item 2.3 - Unordered list line-item 3 - Unordered list line-item with multiple paragraphs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. - Unordered list line-item with multiple paragraphs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. 1. Unordered list line-item 1 2. Unordered list line-item 2 1. Unordered list line-item 2.1 2. Unordered list line-item 2.2 3. Unordered list line-item 2.3 3. Unordered list line-item 3 4. Unordered list line-item with multiple paragraphs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. 5. Unordered list line-item with multiple paragraphs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. **tab1:** ```js // This is a code block inside of a blockquote cpu = from(bucket:"example-bucket") |> range(start:-30m) |> filter(fn:(r) => r._measurement == "cpu" and r._field == "someReallyLongFieldName") ``` **tab2:** ```js // This is a code block inside of a blockquote cpu = from(bucket:"my-bucket") |> range(start:-30m) |> filter(fn:(r) => r._measurement == "cpu") ``` > ###### This is a table > > | Column 1 | Column 2 | Column 3 | Column 4 | Column 1 | Column 2 | Column 3 | Column 4 | > | --- | --- | --- | --- | --- | --- | --- | --- | > | Row 1.1 | Row 1.2 | Row 1.3 | Row 1.4 | Row 1.1 | Row 1.2 | Row 1.3 | Row 1.4 | > | Row 2.1 | Row 2.2 | Row 2.3 | Row 2.4 | Row 2.1 | Row 2.2 | Row 2.3 | Row 2.4 | > | Row 3.1 | Row 3.2 | Row 3.3 | Row 3.4 | Row 3.1 | Row 3.2 | Row 3.3 | Row 3.4 | > | Row 4.1 | Row 4.2 | Row 4.3 | Row 4.4 | Row 4.1 | Row 4.2 | Row 4.3 | Row 4.4 | > > ###### This is a table with lots of stuff > > | Column 1 | Column 2 | Column 3 | Column 4 | > | --- | --- | --- | --- | > | Row 1.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 1.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 1.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 1.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | > | Row 2.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 2.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 2.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 2.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | > | Row 3.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 3.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 3.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 3.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | > | Row 4.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 4.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 4.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 4.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | **tab 1.1:** This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo. ## h2 This is a header2 This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo. This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo. **Flux:** ```js data = from(bucket: "example-bucket") |> range(start: -15m) |> filter(fn: (r) => r._measurement == "mem" and r._field == "used_percent" ) ``` **InfluxQL:** ```sql SELECT "used_percent" FROM "telegraf"."autogen"."mem" WHERE time > now() - 15m ``` **tab 1.2:** This is tab 1.2 content. **tab 1.3:** This is tab 1.3 content. **tab 1.4:** This is tab 1.4 content. **tab 2.1:** This is tab 2.1 content. **tab 2.2:** This is tab 2.2 content. **tab 2.3:** This is tab 2.3 content. **tab 2.4:** This is tab 2.4 content. This is truncated content. This is truncated content. This is truncated content. This is truncated content. This is truncated content. This is truncated content. This is truncated content. This is truncated content. This is truncated content. This is truncated content. This is truncated content. This is truncated content. This is truncated content. This is truncated content. This is truncated content. This is truncated content. This is truncated content. This is truncated content. This is truncated content. This is truncated content. This is truncated content. This is truncated content. This is truncated content. This is truncated content. This is truncated content. This is truncated content. This is truncated content.\\ [](#) **Small tab 2.1:** This is small tab 2.1 content. **Small tab 2.2:** This is small tab 2.2 content. **Small tab 2.3:** This is small tab 2.3 content. **Small tab 2.4:** This is small tab 2.4 content. ## Group key demo Used to demonstrate Flux group keys **Input:** The following data is output from the last `filter()` and piped forward into `group()`: `_start` and `_stop` columns have been omitted. Group key instance = \\\[\\\_measurement=home, room=Kitchen, \\\_field=hum\] | _time | _measurement | room | _field | _value | | --- | --- | --- | --- | --- | | 2022-01-01T08:00:00Z | home | Kitchen | hum | 35.9 | | 2022-01-01T09:00:00Z | home | Kitchen | hum | 36.2 | | 2022-01-01T10:00:00Z | home | Kitchen | hum | 36.1 | Group key instance = \\\[\\\_measurement=home, room=Living Room, \\\_field=hum\] | _time | _measurement | room | _field | _value | | --- | --- | --- | --- | --- | | 2022-01-01T08:00:00Z | home | Living Room | hum | 35.9 | | 2022-01-01T09:00:00Z | home | Living Room | hum | 35.9 | | 2022-01-01T10:00:00Z | home | Living Room | hum | 36 | Group key instance = \\\[\\\_measurement=home, room=Kitchen, \\\_field=temp\] | _time | _measurement | room | _field | _value | | --- | --- | --- | --- | --- | | 2022-01-01T08:00:00Z | home | Kitchen | temp | 21 | | 2022-01-01T09:00:00Z | home | Kitchen | temp | 23 | | 2022-01-01T10:00:00Z | home | Kitchen | temp | 22.7 | Group key instance = \\\[\\\_measurement=home, room=Living Room, \\\_field=temp\] | _time | _measurement | room | _field | _value | | --- | --- | --- | --- | --- | | 2022-01-01T08:00:00Z | home | Living Room | temp | 21.1 | | 2022-01-01T09:00:00Z | home | Living Room | temp | 21.4 | | 2022-01-01T10:00:00Z | home | Living Room | temp | 21.8 | **Output:** When grouped by `_field`, all rows with the `temp` field will be in one table and all the rows with the `hum` field will be in another. `_measurement` and `room` columns no longer affect how rows are grouped. `_start` and `_stop` columns have been omitted. Group key instance = \\\[\\\_field=hum\] | _time | _measurement | room | _field | _value | | --- | --- | --- | --- | --- | | 2022-01-01T08:00:00Z | home | Kitchen | hum | 35.9 | | 2022-01-01T09:00:00Z | home | Kitchen | hum | 36.2 | | 2022-01-01T10:00:00Z | home | Kitchen | hum | 36.1 | | 2022-01-01T08:00:00Z | home | Living Room | hum | 35.9 | | 2022-01-01T09:00:00Z | home | Living Room | hum | 35.9 | | 2022-01-01T10:00:00Z | home | Living Room | hum | 36 | Group key instance = \\\[\\\_field=temp\] | _time | _measurement | room | _field | _value | | --- | --- | --- | --- | --- | | 2022-01-01T08:00:00Z | home | Kitchen | temp | 21 | | 2022-01-01T09:00:00Z | home | Kitchen | temp | 23 | | 2022-01-01T10:00:00Z | home | Kitchen | temp | 22.7 | | 2022-01-01T08:00:00Z | home | Living Room | temp | 21.1 | | 2022-01-01T09:00:00Z | home | Living Room | temp | 21.4 | | 2022-01-01T10:00:00Z | home | Living Room | temp | 21.8 | ## datetime/current-timestamp shortcode ### Default usage 2021-01-01T00:00:00Z ### Format YYYY-MM-DD HH:mm:ss 2021-01-01T00:00:00Z ### Format with UTC timezone 2021-01-01T00:00:00Z ### Format with America/New\_York timezone 2021-01-01T00:00:00Z ## Ask AI Link Can’t access your InfluxDB instance? [Ask InfluxData AI](#) for help. ## Render-regression fixtures The sections below exercise the code-block render hook combinations that were broken in influxdata/docs-v2#7079. They exist to give the `cypress/e2e/content/render-regression.cy.js` spec something to assert against and to make this page a meaningful smoke test for any PR that touches `layouts/_default/_markup/render-codeblock.html` or any wrapper shortcode that contains fenced code. When adding coverage for a new render-hook attribute combination, add a matching fixture here. ### Placeholder fence attribute ```sh curl --request POST \ http://localhost:8181/api/v3/write_lp?db=DATABASE_NAME \ --header "Authorization: Bearer AUTH_TOKEN" \ --data-raw "home,room=Kitchen temp=22.1" ``` ### Placeholder fence attribute with regex group ```sh influxctl write --token DATABASE_TOKEN --database DATABASE_NAME ``` ### Callout fence attribute ```sh influx query --host http://localhost:8086 ``` ### Callout fence attribute with explicit color ```sh influx query --host http://localhost:8086 ``` ### Placeholder and callout on the same fence ```sh influx query --host http://localhost:8086 --database DATABASE_NAME ``` ### Placeholder fence inside a custom-timestamps wrapper The `influxdb/custom-timestamps` wrapper was one of the shortcodes affected by #7079 — it wraps code blocks that include timestamps so the UI can rewrite them. This fixture exercises a placeholder code fence inside that wrapper. ```sh influxdb3 write --token AUTH_TOKEN --database DATABASE_NAME \ 'home,room=Kitchen temp=22.1 1641024000' ``` ### Placeholder fence inside code-tab-content and custom-timestamps The worst-case path: placeholders inside a code-tab-content section inside a code-tabs wrapper inside an expand wrapper. This is the exact shape that sample-data pages use. [](#expand-to-see-the-tabbed-placeholder-enabled-code-block) Expand to see the tabbed, placeholder-enabled code block **influxdb3:** ```sh influxdb3 write --token AUTH_TOKEN --database DATABASE_NAME \ 'home,room=Kitchen temp=22.1 1641024000' ``` **v2 API:** ```sh curl --request POST \ http://localhost:8086/api/v2/write?bucket=DATABASE_NAME \ --header "Authorization: Bearer AUTH_TOKEN" \ --data-binary "home,room=Kitchen temp=22.1 1641024000" ``` ### Diff fence — subtractive only The previous `display: inline-block` rule on `.gi`/`.gd` (influxdata/docs-v2#7173) swallowed the trailing `\n` inside each chroma diff-line span and collapsed every line onto a single inline row. These fixtures cover the replacement `display: block` + `width: max-content` + `min-width: 100%` behavior. ```diff - net,host=server01 bytes_sent=1000,bytes_received=500 - net,host=server01 bytes_sent=2500,bytes_received=1500 - net,host=server01 bytes_sent=3000,bytes_received=2500 ``` ### Diff fence — subtractive with overflow Lines wider than the visible code-block must keep the red tint extending past the visible edge (`width: max-content`). ```diff - net,host=server01,region=us-west-2,environment=production bytes_sent=1000,bytes_received=500,bytes_dropped=12,packets_total=4823 - net,host=server02,region=us-west-2,environment=production bytes_sent=2500,bytes_received=1500,bytes_dropped=4,packets_total=9120 ``` ### Diff fence — subtractive with surrounding context Only `-` lines should be tinted; bare context lines stay unhighlighted. ```diff spec: package: spec: - replicas: 3 - image: us-docker.pkg.dev/influxdb2-artifacts/clustered/influxdb:20240101-000000 resources: limits: memory: 2Gi ``` ### Diff fence — mixed additions and deletions Both `.gi` and `.gd` blocks must stack on their own rows, with palette-aligned green and red tints. ```diff apiVersion: kubecfg.dev/v1alpha1 kind: AppInstance spec: package: spec: - replicas: 3 - image: us-docker.pkg.dev/influxdb2-artifacts/clustered/influxdb:20240101-000000 + replicas: 5 + image: us-docker.pkg.dev/influxdb2-artifacts/clustered/influxdb:20260101-999999 + components: + garbage-collector: + enabled: true resources: limits: memory: 2Gi ``` #### Related - [Write data to InfluxDB](/influxdb/v2/write-data/) - [This is an external link](https://influxdata.com)