cleanup shortcodes, asset paths (#34826) (#34900)

(cherry picked from commit 327fa124a4)
2021-05-28 16:43:49 +02:00
parent e1eebdcf75
commit 5f4379a24d
133 changed files with 563 additions and 563 deletions
@@ -10,7 +10,7 @@ A _dashboard_ is a set of one or more panels organized and arranged into one or

 ## Dashboard UI

-<img src="/img/docs/v50/dashboard_annotated.png" class="no-shadow" width="700px">
+<img src="/static/img/docs/v50/dashboard_annotated.png" class="no-shadow" width="700px">

 1. Zoom out time range
 1. Time picker dropdown. Here you can access relative time range options, auto refresh options and set custom absolute time ranges.
@@ -22,7 +22,7 @@ A _dashboard_ is a set of one or more panels organized and arranged into one or

 Click the new Dashboard link on the right side of the Dashboard picker. You now have a blank Dashboard.

-<img class="no-shadow" src="/img/docs/v50/top_nav_annotated.png" width="580px">
+<img class="no-shadow" src="/static/img/docs/v50/top_nav_annotated.png" width="580px">

 The image above shows you the top header for a Dashboard.

@@ -7,7 +7,7 @@ weight = 2

 # Annotations

-{{< docs-imagebox img="/img/docs/v46/annotations.png" max-width="800px" >}}
+{{< figure src="/static/img/docs/v46/annotations.png" max-width="800px" >}}

 Annotations provide a way to mark points on the graph with rich events. When you hover over an annotation
 you can get event description and event tags. The text field can include links to other systems with more detail.
@@ -20,15 +20,15 @@ Grafana comes with a native annotation store and the ability to add annotation e

 By holding down Ctrl/Cmd+Click. Adding tags to the annotation will make it searchable from other dashboards.

-{{< docs-imagebox img="/img/docs/annotations/annotation-still.png"
-max-width="600px" animated-gif="/img/docs/annotations/annotation.gif" >}}
+{{< figure src="/static/img/docs/annotations/annotation-still.png"
+max-width="600px" animated-gif="/static/img/docs/annotations/annotation.gif" >}}

 ### Adding regions events

 You can also hold down Ctrl/Cmd and select region to create a region annotation.

-{{< docs-imagebox img="/img/docs/annotations/region-annotation-still.png"
-max-width="600px" animated-gif="/img/docs/annotations/region-annotation.gif" >}}
+{{< figure src="/static/img/docs/annotations/region-annotation-still.png"
+max-width="600px" animated-gif="/static/img/docs/annotations/region-annotation.gif" >}}

 ### Built in query

@@ -46,7 +46,7 @@ one tag. For example create an annotation query name `outages` and specify a tag

 In Grafana v5.3+ it's possible to use template variables in the tag query. So if you have a dashboard showing stats for different services and a template variable that dictates which services to show, you can now use the same template variable in your annotation query to only show annotations for those services.

-{{< docs-imagebox img="/img/docs/v53/annotation_tag_filter_variable.png" max-width="600px" >}}
+{{< figure src="/static/img/docs/v53/annotation_tag_filter_variable.png" max-width="600px" >}}

 ## Querying other data sources

@@ -54,8 +54,8 @@ Annotation events are fetched via annotation queries. To add a new annotation qu
 open the dashboard settings menu, then select `Annotations`. This will open the dashboard annotations
 settings view. To create a new annotation query hit the `New` button.

-<!--![](/img/docs/v50/annotation_new_query.png)-->
-{{< docs-imagebox img="/img/docs/v50/annotation_new_query.png" max-width="600px" >}}
+<!--![](/static/img/docs/v50/annotation_new_query.png)-->
+{{< figure src="/static/img/docs/v50/annotation_new_query.png" max-width="600px" >}}

 Specify a name for the annotation query. This name is given to the toggle (checkbox) that will allow
 you to enable/disable showing annotation events from this query. For example you might have two
@@ -21,7 +21,7 @@ On the Create Folder page, fill in a unique name for the folder and then click C

 ## Manage Dashboards

-{{< docs-imagebox img="/img/docs/v50/manage_dashboard_menu.png" max-width="300px" class="docs-image--right" >}}
+{{< figure src="/static/img/docs/v50/manage_dashboard_menu.png" max-width="300px" class="docs-image--right" >}}

 There is a new Manage Dashboards page where you can carry out a variety of tasks:

@@ -10,7 +10,7 @@ weight = 100

 Whenever you save a version of your dashboard, a copy of that version is saved so that previous versions of your dashboard are never lost. A list of these versions is available by entering the dashboard settings and then selecting "Versions" in the left side menu.

-<img class="no-shadow" src="/img/docs/v50/dashboard_versions_list.png">
+<img class="no-shadow" src="/static/img/docs/v50/dashboard_versions_list.png">

 The dashboard version history feature lets you compare and restore to previously saved dashboard versions.

@@ -18,11 +18,11 @@ The dashboard version history feature lets you compare and restore to previously

 To compare two dashboard versions, select the two versions from the list that you wish to compare. Once selected, the "Compare versions" button will become clickable. Click the button to view the diff between the two versions.

-<img class="no-shadow" src="/img/docs/v50/dashboard_versions_select.png">
+<img class="no-shadow" src="/static/img/docs/v50/dashboard_versions_select.png">

 Upon clicking the button, you'll be brought to the diff view. By default, you'll see a textual summary of the changes, like in the image below.

-<img class="no-shadow" src="/img/docs/v50/dashboard_versions_diff_basic.png">
+<img class="no-shadow" src="/static/img/docs/v50/dashboard_versions_diff_basic.png">

 If you want to view the diff of the raw JSON that represents your dashboard, you can do that as well by clicking the "View JSON Diff" button at the bottom.

@@ -32,6 +32,6 @@ If you want to restore to the version you are diffing against, you can do so by

 If you need to restore to a previously saved dashboard version, you can do so by either clicking the "Restore" button on the right of a row in the dashboard version list, or by clicking the "Restore to version \<x\>" button appearing in the diff view. Clicking the button will bring up the following popup prompting you to confirm the restoration.

-<img class="no-shadow" src="/img/docs/v50/dashboard_versions_restore.png">
+<img class="no-shadow" src="/static/img/docs/v50/dashboard_versions_restore.png">

 After restoring to a previous version, a new version will be created containing the same exact data as the previous version, only with a different version number. This is indicated in the "Notes column" for the row in the new dashboard version. This is done simply to ensure your previous dashboard versions are not affected by the change.
@@ -15,7 +15,7 @@ Dashboards are exported in Grafana JSON format, and contain everything you need

 The export feature is accessed in the share window which you open by clicking the share button in the dashboard menu.

-{{< docs-imagebox img="/img/docs/export/export-modal-8-0.png" max-width="800px" >}}
+{{< figure src="/static/img/docs/export/export-modal-8-0.png" max-width="800px" >}}

 ### Making a dashboard portable

@@ -35,12 +35,12 @@ During import, the removed default values are automatically added back to the da

 To import a dashboard click the + icon in the side menu, and then click **Import**.

-{{< docs-imagebox img="/img/docs/v70/import_step1.png" max-width="700px" >}}
+{{< figure src="/static/img/docs/v70/import_step1.png" max-width="700px" >}}

 From here you can upload a dashboard JSON file, paste a [Grafana.com](https://grafana.com) dashboard
 URL or paste dashboard JSON text directly into the text area.

-{{< docs-imagebox img="/img/docs/v70/import_step2_grafana.com.png"  max-width="700px" >}}
+{{< figure src="/static/img/docs/v70/import_step2_grafana.com.png"  max-width="700px" >}}

 In step 2 of the import process Grafana will let you change the name of the dashboard, pick what
 data source you want the dashboard to use and specify any metric prefixes (if the dashboard use any).
@@ -49,7 +49,7 @@ data source you want the dashboard to use and specify any metric prefixes (if th

 Find dashboards for common server applications at [Grafana.com/dashboards](https://grafana.com/dashboards).

-{{< docs-imagebox img="/img/docs/v50/gcom_dashboard_list.png" max-width="700px" >}}
+{{< figure src="/static/img/docs/v50/gcom_dashboard_list.png" max-width="700px" >}}

 ## Import and sharing with Grafana 2.x or 3.0

@@ -14,7 +14,7 @@ Grafana automatically scales dashboards to any resolution, which makes them perf

 You can access the Playlist feature from Grafana's side menu, in the Dashboards submenu.

-{{< docs-imagebox img="/img/docs/v50/playlist.png" max-width="25rem">}}
+{{< figure src="/static/img/docs/v50/playlist.png" max-width="25rem">}}

 ## Create a playlist

@@ -10,6 +10,6 @@ weight = 8

 Reporting allows you to generate PDFs from any of your dashboards and have them sent out to interested parties on a schedule.

-{{< docs-imagebox img="/img/docs/enterprise/reports_list.png" max-width="500px" class="docs-image--no-shadow" >}}
+{{< figure src="/static/img/docs/enterprise/reports_list.png" max-width="500px" class="docs-image--no-shadow" >}}

 > Reporting is only available in Grafana Enterprise, v6.4 or later. For more information, refer to [Reporting]({{< relref "../enterprise/reporting.md" >}}) in [Grafana Enterprise]({{< relref "../enterprise" >}}).
@@ -10,7 +10,7 @@ weight = 5

 Dashboards can be searched by the dashboard name, filtered by one (or many) tags or filtered by starred status. The dashboard search is accessed through the dashboard picker, available in the dashboard top nav area. The dashboard search can also be opened by using the shortcut `F`.

-<img class="no-shadow" src="/img/docs/v50/dashboard_search_annotated.png" width="700px">
+<img class="no-shadow" src="/static/img/docs/v50/dashboard_search_annotated.png" width="700px">

 1. `Search Bar`: The search bar allows you to enter any string and search both database and file based dashboards in real-time.
 1. `Starred`: Here you find all your starred dashboards.
@@ -37,7 +37,7 @@ Here are some examples:

 The dashboard and panel time controls have a common user interface (UI).

-<img class="no-shadow" src="/img/docs/time-range-controls/common-time-controls-7-0.png" max-width="700px">
+<img class="no-shadow" src="/static/img/docs/time-range-controls/common-time-controls-7-0.png" max-width="700px">

 The options are defined below.

@@ -47,11 +47,11 @@ The current time range, also called the _time picker_, shows the time range curr

 Hover your cursor over the field to see the exact time stamps in the range and their source (such as the local browser).

-<img class="no-shadow" src="/img/docs/time-range-controls/time-picker-7-0.png" max-width="300px">
+<img class="no-shadow" src="/static/img/docs/time-range-controls/time-picker-7-0.png" max-width="300px">

 Click on the current time range to change the time range. You can change the current time using a _relative time range_, such as the last 15 minutes, or an _absolute time range_, such as `2020-05-14 00:00:00 to 2020-05-15 23:59:59`.

-<img class="no-shadow" src="/img/docs/time-range-controls/change-current-time-range-7-0.png" max-width="900px">
+<img class="no-shadow" src="/static/img/docs/time-range-controls/change-current-time-range-7-0.png" max-width="900px">

 ### Relative time range