Um bom resumo para o início do blog seria algo de 1 parágrafo com aproximadamente três linhas. Hopefully you will find enough information about how to set images in your blog here. 😉 ⚠️ This is an example of a post which includes a feature image specified in the front matter of the post.
Análise Estatística
The feature image spans the full-width of the page, and is shown with the title on permalink pages: 😉 ⚠️
dados = read.csv('dados.csv')
head(dados)
You can also use a thumbnail, a smaller version of the same image to improve loading of the page. The thumbnail will also be used when you share your article on other platform (linkedin, whatsapp, facebook, …).
- Citando alguma frase importante
Destacando uma frase importante
Adicionando imagens
Vamos colocar duas imagens uma ao lado da outra. Elas devem ser todas do mesmo tamanho e ficarão bem alinhadas.
{% include aligner.html images="pexels/book-glass.jpeg,triangle.png" %}


Adicionando três imagens
Colocando três imagens uma ao lado da outra. Here you have two images side by side, but you can set more and set the amount per columns
(by specifying the number of columns or let it be automatic using "auto"
):
{% include aligner.html images="pexels/cabin.png,pexels/cake.png,pexels/circus.png" column=3 %}



it also works with only one images, it is made to display it smaller than normally. Colocando um link aqui xukimseven/HardCandy-Jekyll ou assim xukimseven However you can just use the Markdown way of doing it to get the image normal sized and centered.
# Adicionando um comentário

# Adicionando um segundo comentário
{% include aligner.html images="pexels/story.jpeg" %}

Adicionando Tabelas
Vamos adicionar uma tabela, veja como é simples:
First Header | Second Header |
---|---|
Content Cell | Content Cell |
Content Cell | Content Cell |
Imagem adicionada pelo Markdown
Adicionando fórmulas
Highlighting for code in Jekyll is done using Base16 or Rouge. This theme makes use of Rouge by default.
// count to ten
for (var i = 1; i <= 10; i++) {
console.log(i);
}
// count to twenty
var j = 0;
while (j < 20) {
j++;
console.log(j);
}
Type on Strap uses KaTeX to display maths. Equations such as can be displayed inline.
Alternatively, they can be shown on a new line:
Vamos adicionar mais fórmulas aqui
Colocando uns códigos
Maneiras de colocar os códigos.
GFM Code Blocks
GitHub Flavored Markdown fenced code blocks are supported. To modify styling and highlight colors edit /_sass/syntax.scss
.
#container {
float: left;
margin: 0 -240px 0 0;
width: 100%;
}
1
2
3
4
5
6
7
.highlight {
margin: 0;
padding: 1em;
font-family: $monospace;
font-size: $type-size-7;
line-height: 1.8;
}
<nav class="pagination" role="navigation">
{% if page.previous %}
<a href="{{ site.url }}{{ page.previous.url }}" class="btn" title="{{ page.previous.title }}">Previous article</a>
{% endif %}
{% if page.next %}
<a href="{{ site.url }}{{ page.next.url }}" class="btn" title="{{ page.next.title }}">Next article</a>
{% endif %}
</nav><!-- /.pagination -->
module Jekyll
class TagIndex < Page
def initialize(site, base, dir, tag)
@site = site
@base = base
@dir = dir
@name = 'index.html'
self.process(@name)
self.read_yaml(File.join(base, '_layouts'), 'tag_index.html')
self.data['tag'] = tag
tag_title_prefix = site.config['tag_title_prefix'] || 'Tagged: '
tag_title_suffix = site.config['tag_title_suffix'] || '–'
self.data['title'] = "#{tag_title_prefix}#{tag}"
self.data['description'] = "An archive of posts tagged #{tag}."
end
end
end
Code Blocks in Lists
Indentation matters. Be sure the indent of the code block aligns with the first non-space character after the list item marker (e.g., 1.
). Usually this will mean indenting 3 spaces instead of 4.
- Do step 1.
-
Now do this:
def print_hi(name) puts "Hi, #{name}" end print_hi('Tom') #=> prints 'Hi, Tom' to STDOUT.
def print_hi(name) print('Your name is', name) print_hi('Tom') #=> prints 'Hi, Tom' to STDOUT.
# Esse é um código em R funcao = function(dados): print('Oi, eu me chamo Leonara')
- Now you can do this.
Finalização
Aqui é a conclusão
do seu post.
- Seja coerente
- Explique bem os detalhes do seu post
- Seja criativo