Text:

You can write the following code as follow code in line, bold letter, cursiva. ´

`code in line`  
**bold letter**  
*cursiva*

Code:

{% highlight ruby %}
def print_hi(name)
  puts "Hi, #{name}"
end
print_hi('Tom')
#=> prints 'Hi, Tom' to STDOUT.
{% endhighlight %}

Links

This is an external link jekyll-docs

Header 1

Header 2

Header 3

Header 4

Alerts & block content

Alerts are just a wrapper div with background color. We use bootstrap styles in the background.

This is how we use liquid tags for alerts:

{% alert primary %} {% endalert %}

This is how we use liquid tags for alerts:

{% alert secondary %} {% endalert %}

A simple success alert—check it out!

{% alert success %} {% endalert %}

This is how we use liquid tags for alerts:

{% alert danger %} {% endalert %}

A simple warning alert—check it out!

{% alert warning %} {% endalert %}

This is how we use liquid tags for alerts:

{% alert info %} {% endalert %}

A simple light alert—check it out!

{% alert light %} {% endalert %}

A simple dark alert—check it out!

{% alert dark %} {% endalert %}

Referenceable elements

Images:

Multiple images in a single figure 1:

  Multiple images in a single figure  {% ref figure:multiple-figures %}:

  {% figure id="multiple-figures" size="1.0" 
  caption="Three images but only a max of two images per row"
  col="2" %}
  /images/test.png
  /images/youtube.png
  /images/ambient_occlusion/comparing_spheres.png
  {% endfigure %}

multiple figures in the same line 3 4 5:

multiple figures in the same line {% ref figure:img %} {% ref figure:img3 %} {% ref figure:img2 %}: 

{% figure id="img" size="0.49" caption="square image" %}
/images/image-not-found.png
{% endfigure %}

{% figure id="img3" size="0.49" caption="long image" %}
/images/image-not-found-long.png
{% endfigure %}

{% figure id="img2" size="0.49" caption="long image" %}
/images/image-not-found-long.png
{% endfigure %}

Equations

\[ E = mc^2 \]

(1)

As shown in equation 1, energy is proportional to mass.

{% equation id="energy" %}
E = mc^2
{% endequation %}

As shown in equation {% ref equation:energy %}, energy is proportional to mass.

Bibliography

Bibliography management allows you to load references from a BibTeX file and cite them throughout your document. The gem supports both IEEE and APA citation styles.

Loading Bibliography

First, load your bibliography file at the beginning of your document:

{% bibliography_loader _bibliography/references.bib %}

Citing References

You can cite references anywhere in your text using the cite tag. For example, citing Ruby [1: The Ruby Programming Language; Flanagan, David, Matsumoto, Yukihiro; 2008]:

We can reference bibliography elements {% cite ruby %} with a liquid tag.

Multiple Citations

You can cite multiple sources in the same paragraph. Here’s an example citing different programming languages [1: The Ruby Programming Language; Flanagan, David, Matsumoto, Yukihiro; 2008] and [2: Flow Cytometry: The Glass Is Half Full; Shapiro, Howard M.; 2018] frameworks:

Multiple citations can be used like {% cite ruby %} and {% cite my001 %}.

Citation Styles

The bibliography tag supports different citation styles (IEEE by default, APA available):

<!-- Default IEEE style -->
{% bibliography %}

<!-- APA style -->
{% bibliography apa %}

Complete Bibliography

The bibliography displays all cited references in the order they appear in your document:

Flanagan, David, Matsumoto, Yukihiro, "The Ruby Programming Language", O’Reilly Media, 2008, DOI | URL.
Shapiro, Howard M., "Flow Cytometry: The Glass Is Half Full", Springer, 2018, DOI | URL.