Skip to content Skip to footer

Markdown cheat sheet

This is a cheat sheet to showcase what is possible within the markdown pages.

For more information about Markdown, please check the Markdown guidelines.

Possible metadata attributes of a page

Minimum of metadata in a page:

---
title: Demo page
---
  • title: Specify here the title of the page. This wil be the H1 title (replacing the top level title using the # in markdown )

This can be extended with following attributes (each with an example):

---
title: Demo page
summary: This is a demo page to showcase what is possible
description: short sentence describing the page.
contributors: [Bert Droesbeke]
search_exclude: true
datatable: true
toc: false
custom-editme: _data/tool_and_resource_list.xlsx
related_pages:
faircookbook:   
---
  • summary: Using this attribute it is possible to specify a summary which will be displayed under the title of the page. This summary will also be used as description of your page when the page is tagged.

  • description: Short sentence about the page starting with a lowercase. This sentence is visualized when pages are automatically listed using a tag.

  • contributors: list here all the contributors that helped in establishing the page. This will be the full name of the person. Make sure that the person name that is listed can be found in the CONTRIBUTORS.yaml file in the _data directory if you want to link the github id and other contact information.

  • search_exclude: by setting this field true, the page will not end up in the search results of the searchbar. By default this is false.

  • sitemap: let the page appear in the sitema.xml. Default: true

  • no_robots: by setting this field to true, the page will not end up in the search results of google or any other search engine.

  • hide_sidebar: When true, the sidebar will be hided. Default: false

  • custom-editme: This attribute can be used to specify an alternative file/link when clicked on the edit-me button

  • keywords: List here all the keywords that can be used to find the page using the searchbox in the right upper corner of the page, lowercase.

  • sidebar: Specify here an alternative sidebar. Default: main

  • toc: When set to false, the table of contents in the beginning of the page will not be generated.

  • page_id: Unique identifier of a page. It is usually a shortened version of the page name or title, with small letters and spaces, or an acronym, with capital and small letters. Used to list Related pages.

  • related_pages: List here the page_id of RDMkit pages that you want to display as Related pages, grouped by section (Your tasks, Your domain, Tool assembly).

    If you want pages from the specific section (Your tasks, Your domain, Tool assembly) to be shown here as Related pages, list their page_id. If you want to list multiple related pages, make sure to put them in a list like this: [page_id1, page_id2]. The specific sections allowed in each page are specified in each page template. Please, do not add extra sections in the metadata of the page.

    related_pages: 
      your_tasks: [page_id1, page_id2]
      your_domain: [page_id1, page_id2]
      tool_assembly: [page_id1, page_id2]
    
  • training: List here training material relevant for the page. We recommend to add your training material in TeSS. However, you can also list here training material that is not yet present in TeSS. Each training item will be automatically added as an entry to the table in the All training resources page. If the registry is specified, please use one of the following: TeSS, Youtube, Zenodo or Carpentries.

    training:
      - name: Training in TeSS
        registry: TeSS
        url: https://tess.elixir-europe.org/search?q=data%20analysis
    
      - name: Training in TeSS
        registry: TeSS
        url: https://tess.elixir-europe.org/search?q=data%20analysis
    
  • faircookbook: Here all relevant FAIR Cookbook recipes are listed. This is automaticity updated based on the faircookbook_rdmkit_mapping.yml mapping file. If you want to make a new link, please make a pull request against this file. Every week the changes of this mapping file are used to update the frontmatter of the corresponding markdown files.

  • dsw: Here all relevant Data Stewardship Wizard questions in the RDMkit knowledge model are listed. This is automatically updated and can not be altered by humans! If you want to add a link you have to add the link towards the RDMkit page the the knowledge model on DSW.

  • datatable: use this attribute to activate the pagination + sorting + searching in tables

Titles

Using:

## Title

Sub titles

Using:

### Sub titles

Sub sub titles

Using:

#### Sub sub titles

Bold text

Bold text

Using:

**Bold** text

Make sure there are no spaces between the asterisks and the text you want to put in bold.

Italic text

Italic text

Using:

*Italic* text

Make sure there are no spaces between the asterisks and the text you want to put in italic.

File names/ files / software names

Text can be highlighted using:

`Text`

Tables

You can use Multimarkdown syntax for tables. The following shows a sample:

| Priority apples | Second priority | Third priority |
|-------|--------|---------|
| ambrosia | gala | red delicious |
| pink lady | jazz | macintosh |
| honeycrisp | granny smith | fuji |

Result:

Priority apples Second priority Third priority
ambrosia gala red delicious
pink lady jazz macintosh
honeycrisp granny smith fuji

Message boxes

Change the content attribute in the code snippet to change the text in the message box

This is done by using this snippet:

{% include callout.html type="note" content="This is my note." %}

note can be replaced with tip, warning, important, depending on the type of message you want.

Images

ELXIIR logo
Figure 1. Say something about this pic.

This image is inserted in the markdown using following snippet:

{% include image.html file="/infrastructures/ELIXIR-logo.svg" caption="Figure 1. Say something about this pic." alt="ELXIIR logo" max-width="10" %}

Make sure that you add the image to the images directory and give it an understanding filename. Adapt the snippet so it points towards you image (only the filename is needed). In the case of the example, the image exampleImage.png is loaded. Supported attributes are:

  • click: if true, the image will be clickable -> the image will be loaded in another tab
  • url: f you want the image to link to anther page
  • alt: describes the image and is used for people that are visually impaired
  • caption: Text that will appear under the image
  • inline: if true this image can be used in a list

or using following markdown syntax:

![ELIXIR logo](/images/infrastructures/ELIXIR-logo.svg)
![ELIXIR logo](/images/infrastructures/ELIXIR-logo.svg){: height="200px" width="200px"}

gives:

ELIXIR logo ELIXIR logo

Icons

Go to the Font Awesome library to see the available icons.

The Font Awesome icons allow you to adjust their size by simply adding fa-2x, fa-3x and so forth as a class to the icon to adjust their size to two times or three times the original size. As vector icons, they scale crisply at any size.

Here’s an example of how to scale up a camera icon:

<i class="fa-solid fa-camera-retro"></i> normal size (1x)
<i class="fa-solid fa-camera-retro fa-lg"></i> fa-lg
<i class="fa-solid fa-camera-retro fa-2x"></i> fa-2x
<i class="fa-solid fa-camera-retro fa-3x"></i> fa-3x
<i class="fa-solid fa-camera-retro fa-4x"></i> fa-4x
<i class="fa-solid fa-camera-retro fa-5x"></i> fa-5x

Here’s what they render to:

1x fa-lg fa-2x fa-3x fa-4x fa-5x

When linking to an external site, use:

[Google](http://google.com)

Linking to internal pages

When linking to internal pages, you can manually link to the pages like this:

[Planning](planning)

Will link to the planning page.

If you change the file name, you’ll have to update all of your links.

Emoji’s

Use GitHub emoticons! This github page about emoticons has a cheat sheet for all the emoticons. :+1: is made with :+1:

Code snippets

For syntax highlighting, use fenced code blocks optionally followed by the language syntax you want:

```java
import java.util.Scanner;

public class ScannerAndKeyboard
{

	public static void main(String[] args)
	{	Scanner s = new Scanner(System.in);
		System.out.print( "Enter your name: "  );
		String name = s.nextLine();
		System.out.println( "Hello " + name + "!" );
	}
}
```

This looks as follows:

import java.util.Scanner;

public class ScannerAndKeyboard
{

	public static void main(String[] args)
	{	Scanner s = new Scanner(System.in);
		System.out.print( "Enter your name: "  );
		String name = s.nextLine();
		System.out.println( "Hello " + name + "!" );
	}
}

List and sub-list

  • List line 1
  • List line 2
    • Sublist line 1

Is made with:

* List line 1
* List line 2
    * Sublist line 1
		* Subsublist line 1

Numbered lists look like this:

  1. Number one
  2. Number two
  3. Number three
    1. Sub number one
    2. Sub number two

and are made with:

1. Number one
1. Number two
1. Number three
   1. Sub number one
   1. Sub number two

Block quotes

You can add a blockquote using:

> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 

> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
>
> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 

Giving:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

A collapsible piece of text

Click to expand!
    Text


Is made with this code snippet:

<details>
  <summary>Click to expand!</summary>
<ol>
Text
</ol>
</details>

If you want pages from the specific sections Your tasks, Your domain and Tool assembly to be shown as Related pages, list their page_id. If you want to list multiple related pages, make sure to put them in a list like this: [page_id1, page_id2].

An overview of all RDMkit pages (belonging to the sections listed above) and their page_id can be found in the Website overview page.

related_pages: 
   your_tasks: [page_id1, page_id2]
   your_domain: [page_id1, page_id2]
   tool_assembly: [page_id1, page_id2]

Listing training material

You can list training material by using the metadata fields as in the example below. Each training item will be automatically added as an entry to the table in the All training resources page.

training:
   - name: Training in TeSS
     registry: TeSS
     url: https://tess.elixir-europe.org/search?q=data%20analysis

   - name: Training in TeSS
     registry: TeSS
     url: https://tess.elixir-europe.org/search?q=data%20analysis

Enforce space between two lines

To have space between two lines of text, simply leave one empty line in between the line in the markdown. If more is needed, you can force this with:

<br>

Enfore line break

When you want to have a line of text.
And another line underneath it without space, use:

When you want to have a line of text.\\
And another line underneath it without space, use:

Without these backslashes

When you want to have a line of text.
And another line underneath it without space, use:

looks like this:

When you want to have a line of text. And another line underneath it without space, use:

Contributors