_posts directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run jekyll serve, which launches a web server and auto-regenerates your site when a file is updated.
Jekyll requires blog post files to be named according to the following format:
YEAR-MONTH-DAY-title.MARKUP
Where YEAR is a four-digit number, MONTH and DAY are both two-digit numbers, and MARKUP is the file extension representing the format used in the file. After that, include the necessary front matter. Take a look at the source for this post to get an idea about how it works.
Jekyll also offers powerful support for code snippets:
def print_hi(name)
puts "Hi, #{name}"
end
print_hi('Tom')
#=> prints 'Hi, Tom' to STDOUT.Check out the Jekyll docs for more info on how to get the most out of Jekyll. File all bugs/feature requests at Jekyll’s GitHub repo. If you have questions, you can ask them on Jekyll Talk.
]]>Example of a full Front Matter:
title: Hello World
layout: post
categories: [Hello, World]
tags: [hello, world]
image: /assets/img/helloworld.jpg
gif: mygif (Only write the name of the file. No extension. The files needs to be in "/assets/gif")
description: "Say hello to the world!"
customexcerpt: "Custom excerpt for the homepage"Tags can be used but are pretty much useless, as related posts use categories.
]]>Code:
* random line to make it work. This will be removed.
{:toc}
In YAMT you can highlight code in various ways.
Basic example:
public static void main (String[] args){
System.out.println("Hello World!");
}
Code:
``` lang
//your code
```
Example:
public static void main (String[] args){
System.out.println("Hello World!");
}Code:
{/% highlight lang %}
//your code
{/% endhighlight java %}
//Remove the "/" before the "%" to make it work.
With line numbers:
1
2
3
public static void main (String[] args){
System.out.println("Hello World!");
}
Code:
{/% highlight lang linenos%}
//your code
{/% endhighlight java %}
//Remove the "/" before the "%" to make it work.
In case of a longer line, an horizontal scrollbar will be added automatically:
1
2
3
public static void main (String[] args){
System.out.println("Hello World! This is a very long line of code, perharps too long...");
}
List of supported languages: Rouge Wiki.
Note: In /assets/css/syntax.css you can change the first declaration to choose if you want a scrollbar or text wrap.
YAMT supports LaTeX and MathJAX to write beautiful math. There are three ways to write math in YAMT. In this example I’ll use Bernoulli’s principle.
In fluid dynamics, Bernoulli’s principle states that an increase in the speed of a fluid occurs simultaneously with a decrease in static pressure or a decrease in the fluid’s potential energy.
Wikipedia
Block:
\[\frac{v^2} {2} + {g}{z} + \frac{p} {ρ} = constant\]$$ \frac{v^2} {2} + {g}{z} + \frac{p} {ρ} = constant $$Inline: \(\frac{v^2} {2} + {g}{z} + \frac{p} {ρ} = constant\)
$$ \frac{v^2} {2} + {g}{z} + \frac{p} {ρ} = constant $$Another block: \[ \frac{v^2} {2} + {g}{z} + \frac{p} {ρ} = constant \]
\\[ \frac{v^2} {2} + {g}{z} + \frac{p} {ρ} = constant \\]Another inline: \( \frac{v^2} {2} + {g}{z} + \frac{p} {ρ} = constant \)
\\( \frac{v^2} {2} + {g}{z} + \frac{p} {ρ} = constant \\)Warning!
<span class = "alert r"></span>
Solved.
<span class = "alert g"></span>
Careful.
<span class = "alert y"></span>
YAMT supports optimized gifs in WebM and MP4 formats. I suggest to use a website like Convertio to converts your .gifs to WebM and MP4. WebM is the suggested format but it’s not supported by every browser (looking at you, Safari), so MP4 is used as fallback. Put both files in the gif folder and insert gifs in your post using
{_% include gif.html file = "mygif" %}
Delete the underscore to make it work.
If you want to use a gif as featured image, delete the “image” tag in the front matter and use instead the “gif” tag. As a parameter, use the filename without extensions.
]]>bold
**bold**italic
*italic*strikethrough
~~strikethrough~~bold and italic
***bold and italic***This is a quote
>This is a quoteThis is a quote with author
The author
>This is a quote with author
><cite><a href="#">The author</a></cite>Theme designed by Alessio Franceschi.
Theme designed by [Alessio Franceschi](https://alessiofranceschi.me).Links can also be relative. Like this one.
Links can also be relative. [Like this one](/contact.html).Unordered:
- this
- is
- unorderedOrdered:
1. but
2. this
3. is
4. orderedNested:
1. First point
- but also this
- and also this
- and this one too
2. Second point- [x] Write some CSS
- [ ] Fix bugs
- [ ] Add related posts# The largest heading
## The second largest heading
###### The smallest headingDuis augue dolor, interdum vitae ultricies ac, suscipit in orci. In gravida egestas dui in tristique. Quisque dictum turpis at quam finibus, in ullamcorper dolor mollis. Nullam ante quam, efficitur eget magna id, tempor lobortis diam. Nam ante ligula, elementum in posuere non, auctor nec purus. Praesent euismod metus vitae diam varius sodales. Aenean eget hendrerit lacus. Donec eleifend tristique lacus. Integer id magna at orci dapibus rhoncus sit amet at lorem. Suspendisse quis neque dui. Ut imperdiet venenatis nisi, eget ornare risus tincidunt vel. Duis et accumsan dui, a aliquam mi. Morbi at condimentum metus, quis consectetur dui.
Nunc interdum accumsan condimentum. Fusce vulputate non ligula id ultricies. Integer at feugiat orci. Nam at lorem condimentum, commodo justo et, iaculis arcu. Sed vitae posuere justo. Morbi pharetra facilisis ex vel interdum. Vestibulum vestibulum, lorem et fringilla vulputate, justo ligula tempus nisl, vitae auctor urna lorem a urna. Nullam nec dapibus mi. Sed turpis libero, efficitur vel vulputate vel, laoreet nec sem.
Sed a tellus nisl. Integer nec sapien non velit mollis mollis ac sed justo. Etiam sed diam viverra, ullamcorper enim quis, molestie lacus. Proin sagittis egestas sapien condimentum finibus. Suspendisse semper non eros eu venenatis. Cras laoreet nisl at elit maximus, quis viverra nulla sollicitudin. Donec scelerisque, lectus et pulvinar pellentesque, dolor metus scelerisque risus, non sagittis nisi mauris et massa. Nunc eu pellentesque mi. Curabitur iaculis scelerisque tempor. Integer at erat ut quam blandit gravida. Suspendisse ut maximus magna.
Donec vel porta felis. Donec porttitor est sed arcu dapibus, vel suscipit metus fermentum. Proin a orci non lacus egestas condimentum ac a lacus. Integer sit amet consequat nibh. Nam vitae mauris eget lorem consectetur sodales. Vivamus malesuada est eget euismod placerat. Phasellus placerat libero at porttitor facilisis. Curabitur cursus, nisl at placerat euismod, ipsum erat convallis nulla, sit amet sodales est orci in massa. Sed nec diam vitae mauris tempor pharetra. Nulla facilisi. Phasellus efficitur tempor sagittis. Etiam dapibus turpis purus, sed dictum mauris elementum at.
]]>